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

package/base.css

@@ -672,7 +672,7 @@
   padding: 0 !important;
   overflow: hidden !important;
   clip: rect(1px, 1px, 1px, 1px) !important;
-  border: 0 !important
+  border: 0 !important;
 }
 /* Buttons */
 .rdp-button_reset {
@@ -692,19 +692,20 @@
 .rdp-button {
   border: 2px solid transparent;
 }
-.rdp-button[disabled] {
+.rdp-button[aria-disabled='true'] {
   opacity: 0.25;
+  pointer-events: none;
 }
-.rdp-button:not([disabled]) {
+.rdp-button:not([aria-disabled='true']) {
   cursor: pointer;
 }
-.rdp-button:focus:not([disabled]),
-.rdp-button:active:not([disabled]) {
+.rdp-button:focus,
+.rdp-button:active {
   color: inherit;
   border: var(--rdp-outline);
   background-color: var(--rdp-background-color);
 }
-.rdp-button:hover:not([disabled]) {
+.rdp-button:hover:not([aria-disabled='true']) {
   background-color: var(--rdp-background-color);
 }
 .rdp-months {
@@ -814,8 +815,8 @@
   opacity: unset;
   color: unset;
 }
-.rdp-dropdown:focus:not([disabled])+.rdp-caption_label,
-.rdp-dropdown:active:not([disabled])+.rdp-caption_label {
+.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,
+.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
   border: var(--rdp-outline);
   border-radius: 6px;
   background-color: var(--rdp-background-color);
@@ -843,7 +844,7 @@
 .rdp-tbody {
   border: 0;
 }
-.rdp-foot {
+.rdp-tfoot {
   margin: 0.5em;
 }
 .rdp-cell {
@@ -873,14 +874,14 @@
 .rdp-day_today:not(.rdp-day_outside) {
   font-weight: bold;
 }
-.rdp-day_selected:not([disabled]),
-.rdp-day_selected:focus:not([disabled]),
-.rdp-day_selected:active:not([disabled]),
-.rdp-day_selected:hover:not([disabled]) {
+.rdp-day_selected:not([aria-disabled='true']),
+.rdp-day_selected:focus:not([aria-disabled='true']),
+.rdp-day_selected:active:not([aria-disabled='true']),
+.rdp-day_selected:hover:not([aria-disabled='true']) {
   color: white;
   background-color: var(--rdp-accent-color);
 }
-.rdp-day_selected:focus:not([disabled]) {
+.rdp-day_selected:focus:not([aria-disabled='true']) {
   border: var(--rdp-outline-selected);
 }
 .rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {
@@ -1782,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);
@@ -3117,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 {
@@ -3156,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

@@ -1177,7 +1177,7 @@ template {
   padding: 0 !important;
   overflow: hidden !important;
   clip: rect(1px, 1px, 1px, 1px) !important;
-  border: 0 !important
+  border: 0 !important;
 }
 
 /* Buttons */
@@ -1201,22 +1201,23 @@ template {
   border: 2px solid transparent;
 }
 
-.rdp-button[disabled] {
+.rdp-button[aria-disabled='true'] {
   opacity: 0.25;
+  pointer-events: none;
 }
 
-.rdp-button:not([disabled]) {
+.rdp-button:not([aria-disabled='true']) {
   cursor: pointer;
 }
 
-.rdp-button:focus:not([disabled]),
-.rdp-button:active:not([disabled]) {
+.rdp-button:focus,
+.rdp-button:active {
   color: inherit;
   border: var(--rdp-outline);
   background-color: var(--rdp-background-color);
 }
 
-.rdp-button:hover:not([disabled]) {
+.rdp-button:hover:not([aria-disabled='true']) {
   background-color: var(--rdp-background-color);
 }
 
@@ -1347,8 +1348,8 @@ template {
   color: unset;
 }
 
-.rdp-dropdown:focus:not([disabled])+.rdp-caption_label,
-.rdp-dropdown:active:not([disabled])+.rdp-caption_label {
+.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,
+.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
   border: var(--rdp-outline);
   border-radius: 6px;
   background-color: var(--rdp-background-color);
@@ -1382,7 +1383,7 @@ template {
   border: 0;
 }
 
-.rdp-foot {
+.rdp-tfoot {
   margin: 0.5em;
 }
 
@@ -1417,15 +1418,15 @@ template {
   font-weight: bold;
 }
 
-.rdp-day_selected:not([disabled]),
-.rdp-day_selected:focus:not([disabled]),
-.rdp-day_selected:active:not([disabled]),
-.rdp-day_selected:hover:not([disabled]) {
+.rdp-day_selected:not([aria-disabled='true']),
+.rdp-day_selected:focus:not([aria-disabled='true']),
+.rdp-day_selected:active:not([aria-disabled='true']),
+.rdp-day_selected:hover:not([aria-disabled='true']) {
   color: white;
   background-color: var(--rdp-accent-color);
 }
 
-.rdp-day_selected:focus:not([disabled]) {
+.rdp-day_selected:focus:not([aria-disabled='true']) {
   border: var(--rdp-outline-selected);
 }
 
@@ -2451,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);
@@ -4107,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); }
 
@@ -4160,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.1",
+  "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.1"
+    "@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;