@adaptabletools/adaptable-react-aggrid 12.0.0-canary.3 → 12.0.0-canary.4

package/base.css

@@ -1783,6 +1783,10 @@
   --ab-cmp-progress-indicator__padding: var(--ab-space-3);
   --ab-cmp-progress-indicator__background: var(--ab-color-primary);
   --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary); }
+:root {
+  --ab-cmp-icon__fill: var(--ab-icon-fill);
+  --ab-cmp-icon__height: 17px;
+  --ab-cmp-icon__width: 17px; }
 :root {
   --ab-cmp-wizard__padding: var(--ab-space-5);
   --ab-cmp-wizard__margin: var(--ab-space-1);
@@ -3118,6 +3122,24 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
 button.ab-StatusBar__SubPanel:hover {
   background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
   cursor: pointer; }
+.ab-StatusBar {
+  display: flex;
+  border-right: var(--ab-cmp-adaptable-statusbar__border);
+  border-left: var(--ab-cmp-adaptable-statusbar__border); }
+.ab-StatusBar__SubPanel {
+  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
+  border: 0;
+  background: none;
+  font-weight: 400;
+  border-right: var(--ab-cmp-adaptable-statusbar__border); }
+.ab-StatusBar__SubPanel:last-child {
+    border-right: 0; }
+.ab-StatusBar__SubPanel,
+  .ab-StatusBar__SubPanel .ab-SimpleButton {
+    color: var(--ab-cmp-adaptable-statusbar__color); }
+button.ab-StatusBar__SubPanel:hover {
+  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
+  cursor: pointer; }
 .ab-alert--error {
   background: var(--ab-color-error); }
 .ab-alert--success {
@@ -3157,6 +3179,10 @@ button.ab-StatusBar__SubPanel:hover {
   column-gap: var(--ab-space-1); }
 .ab-ActionColumn > button.ab-SimpleButton {
     height: 100%; }
+.adaptableRowActionButtons.ag-cell {
+  padding: 0; }
+.adaptableRowActionButtons.ag-cell .ab-ActionColumn {
+    column-gap: 0; }
 .Toastify__toast-container {
   border-style: none;
   border-width: 0px; }

package/index.css

@@ -2452,6 +2452,11 @@ template {
   --ab-cmp-progress-indicator__background: var(--ab-color-primary);
   --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary); }
 
+:root {
+  --ab-cmp-icon__fill: var(--ab-icon-fill);
+  --ab-cmp-icon__height: 17px;
+  --ab-cmp-icon__width: 17px; }
+
 :root {
   --ab-cmp-wizard__padding: var(--ab-space-5);
   --ab-cmp-wizard__margin: var(--ab-space-1);
@@ -4108,6 +4113,29 @@ button.ab-StatusBar__SubPanel:hover {
   background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
   cursor: pointer; }
 
+.ab-StatusBar {
+  display: flex;
+  border-right: var(--ab-cmp-adaptable-statusbar__border);
+  border-left: var(--ab-cmp-adaptable-statusbar__border); }
+
+.ab-StatusBar__SubPanel {
+  padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
+  border: 0;
+  background: none;
+  font-weight: 400;
+  border-right: var(--ab-cmp-adaptable-statusbar__border); }
+
+.ab-StatusBar__SubPanel:last-child {
+    border-right: 0; }
+
+.ab-StatusBar__SubPanel,
+  .ab-StatusBar__SubPanel .ab-SimpleButton {
+    color: var(--ab-cmp-adaptable-statusbar__color); }
+
+button.ab-StatusBar__SubPanel:hover {
+  background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
+  cursor: pointer; }
+
 .ab-alert--error {
   background: var(--ab-color-error); }
 
@@ -4161,6 +4189,12 @@ button.ab-StatusBar__SubPanel:hover {
 .ab-ActionColumn > button.ab-SimpleButton {
     height: 100%; }
 
+.adaptableRowActionButtons.ag-cell {
+  padding: 0; }
+
+.adaptableRowActionButtons.ag-cell .ab-ActionColumn {
+    column-gap: 0; }
+
 .Toastify__toast-container {
   border-style: none;
   border-width: 0px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "12.0.0-canary.3",
+  "version": "12.0.0-canary.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",
   "keywords": [],
   "license": "contact sales@adaptabletools.com for details",
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "tslib": "^2.0.0",
-    "@adaptabletools/adaptable": "12.0.0-canary.3"
+    "@adaptabletools/adaptable": "12.0.0-canary.4"
   },
   "peerDependencies": {
     "@ag-grid-community/all-modules": ">=27.2.0",

package/src/components/AdaptableOptionsWizardView.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const agGrid_1 = require("@adaptabletools/adaptable/agGrid");
 const AdaptableReact_1 = tslib_1.__importDefault(require("./AdaptableReact"));
-exports.AdaptableOptionsWizardView = (props) => {
+const AdaptableOptionsWizardView = (props) => {
     const { shouldRenderAdaptable, adaptableProps } = props, adaptableWizardViewProps = tslib_1.__rest(props, ["shouldRenderAdaptable", "adaptableProps"]);
     const [options, setOptions] = React.useState(null);
     if (!options) {
@@ -20,3 +20,4 @@ exports.AdaptableOptionsWizardView = (props) => {
     }
     return React.createElement(React.Fragment, null);
 };
+exports.AdaptableOptionsWizardView = AdaptableOptionsWizardView;

package/src/setupFrameworkComponents.js

@@ -5,7 +5,7 @@ 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) => {
+const setupFrameworkComponents = (adaptableApi) => {
     adaptableApi.internalApi
         .getAdaptableInstance()
         ._onIncludeFired('FrameworkComponentChange', ({ command, frameworkComponent, containerDomNode, componentType }) => {
@@ -30,3 +30,4 @@ exports.setupFrameworkComponents = (adaptableApi) => {
         }
     });
 };
+exports.setupFrameworkComponents = setupFrameworkComponents;