@adaptabletools/adaptable-react-aggrid 10.0.2 → 10.0.4-canary.2

package/README.md

@@ -20,7 +20,8 @@ There are a number of different licence options available.
 
 We can also make a trial licence available for a short period of time to allow you to try out AdapTable for yourself.
 
-**Note: The AdapTable licence does not include the underlying grid's licence, so if you plan to use AdapTable with a Grid that requires a commercial licence, you must pay for that separately**.
+**Note: The AdapTable licence does not include AG Grid's licence which you must pay for that separately**.
+
 
 Please contact [`sales@adaptabletools.com`](mailto:sales@adaptabletools.com) or see our [Licence Help Page](https://docs.adaptabletools.com/docs/getting-started/licence) for more information.
 

package/base.css

@@ -1362,6 +1362,19 @@
   --ab-cmp-datepicker__font-size: var(--ab-font-size-2);
   --ab-cmp-datepicker__font-family: var(--ab__font-family);
   --ab-cmp-datepicker__cell-size: 30px; }
+:root {
+  --ab-cmp-loader__background: var(--ab-color-primarydark);
+  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
+  --ab-cmp-loader__font-size: var(--ab-font-size-2); }
+:root {
+  --ab-cmp-progress-indicator__delay: 1s;
+  --ab-cmp-progress-indicator__z-index: 9999;
+  --ab-cmp-progress-indicator__font-size: var(--ab-font-size-4);
+  --ab-cmp-progress-indicator__font-style: italic;
+  --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
+  --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-wizard__padding: var(--ab-space-5);
   --ab-cmp-wizard__margin: var(--ab-space-1);
@@ -1471,6 +1484,8 @@
   --ab-cmp-toolpanel-header__grid-gap: 3px;
   --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
   --ab-cmp-toolpanel__font-family: var(--ab__font-family); }
+:root {
+  --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4); }
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -2146,8 +2161,12 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
       opacity: 1; }
 .ab-Dashboard .ab-Input {
     border: none; }
+.ab-Dashboard .ab-DashboardToolbar__Export__wrap {
+    white-space: nowrap; }
 .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
     padding: var(--ab-space-1); }
+.ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
+    margin-left: var(--ab-space-1); }
 .ab-GridList {
   --at-grid__background: transparent; }
 .ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
@@ -2255,6 +2274,55 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   box-shadow: var(--ab-focus__box-shadow); }
 .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
   opacity: 0.5; }
+.ab-Loader {
+  font-size: var(--ab-cmp-loader__font-size);
+  margin-top: 8px;
+  font-style: italic; }
+.ab-Loader__text, .ab-Loader__Spinner {
+  vertical-align: middle; }
+.ab-Loader .ab-Loader__Spinner {
+  margin-right: 5px; }
+.ab-Loader__Spinner {
+  display: inline-block;
+  border-radius: 50%;
+  border: 2px solid var(--ab-cmp-loader__background);
+  border-top: 2px solid var(--ab-cmp-loader__border);
+  width: 10px;
+  height: 10px;
+  bottom: 0;
+  animation: spin 1.5s linear infinite; }
+@keyframes spin {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+.ab-progress-indicator-wrapper {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 0;
+  width: 0;
+  z-index: var(--ab-cmp-progress-indicator__z-index);
+  opacity: 0;
+  transition-delay: var(--ab-cmp-progress-indicator__delay);
+  transition-property: opacity;
+  transition-duration: 0.3s; }
+.ab-progress-indicator-wrapper--visible {
+    opacity: 1; }
+.ab-progress-indicator-wrapper .ab-progress-indicator-body {
+    padding: var(--ab-cmp-progress-indicator__padding);
+    background: var(--ab-cmp-progress-indicator__background);
+    color: var(--ab-cmp-progress-indicator__color);
+    border-style: none;
+    border-width: 0px;
+    border-radius: var(--ab__border-radius);
+    box-shadow: var(--ab-focus__box-shadow);
+    font-size: var(--ab-cmp-progress-indicator__font-size);
+    font-style: var(--ab-cmp-progress-indicator__font-style);
+    font-family: var(--ab-cmp-progress-indicator__font-family); }
 .ab-ObjectCollection__list > * {
   background: var(--ab-cmp-listgroupitem__background);
   color: var(--ab-cmp-listgroupitem__color); }
@@ -2277,17 +2345,17 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   margin-Bottom: 0; }
 .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
     overflow-x: hidden; }
-.ag-theme-balham-dark .ab-ListBoxFilterForm--vendor-style,
-.ag-theme-balham .ab-ListBoxFilterForm--vendor-style {
+.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
+.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
   --ab-cmp-dropdown__border-radius: 0;
   --ab-cmp-input__border-radius: 0;
   --ab-cmp-input__padding: 0;
   --ab-cmp-dropdown__padding: 3px;
   --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent); }
-.ag-theme-balham-dark .ab-ListBoxFilterForm--vendor-style .ab-FieldWrap,
-  .ag-theme-balham .ab-ListBoxFilterForm--vendor-style .ab-FieldWrap {
+.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
+  .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
     border-radius: 0; }
-html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
+html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   --ab-color-inputborder: white;
   --ab-cmp-dropdown__border: 1px solid white; }
 .ab-Popover {
@@ -2351,7 +2419,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
 .ab-Dashboard__application-icon {
   margin-right: var(--ab-space-2); }
 .ab-ToolPanel {
-  min-width: calc(var(--ab-cmp-toolpanel__width) - 1px);
+  flex: 1 1 0;
+  min-width: 0;
   color: var(--ab-cmp-toolpanel__color);
   font-family: var(--ab-cmp-toolpanel__font-family); }
 .ab-ToolPanel .ab-ToolPanel__header {
@@ -2364,6 +2433,13 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
     flex-direction: row;
     flex-wrap: wrap;
     grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
+.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
+    justify-content: center;
+    flex: 1; }
+.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
+    margin-bottom: var(--ab-space-1); }
+.ab-CustomSortWizard__SortOrder .ab-Loader__text {
+  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
 .ab-alert--error {
   background: var(--ab-color-error); }
 .ab-alert--success {
@@ -2488,32 +2564,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
   flex-flow: column; }
 .ag-details-row .ag-details-grid {
     flex: 1; }
-div.ab-progress-indicator-wrapper {
-  align-items: center;
-  display: flex;
-  height: 100vh;
-  justify-content: center;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 9999;
-  opacity: 0;
-  transition-delay: 0.5s;
-  transition-property: opacity;
-  transition-duration: 0.3s; }
-div.ab-progress-indicator-wrapper--visible {
-    opacity: 1; }
-div.ab-progress-indicator-wrapper .ab-progress-indicator-text {
-    padding: var(--ab-space-3);
-    background: var(--ab-color-primary);
-    color: var(--ab-color-text-on-primary);
-    border-style: none;
-    border-width: 0px;
-    border-radius: var(--ab__border-radius);
-    box-shadow: var(--ab-focus__box-shadow);
-    font-size: var(--ab-font-size-3);
-    font-family: var(--ab__font-family); }
+.ab-wait-for-progress-indicator.ab-Grid {
+  pointer-events: none; }
 :root {
   --ab_flex-direction: column; }
 .ab__react-wrapper {

package/index.css

@@ -1941,6 +1941,21 @@ template {
   --ab-cmp-datepicker__font-family: var(--ab__font-family);
   --ab-cmp-datepicker__cell-size: 30px; }
 
+:root {
+  --ab-cmp-loader__background: var(--ab-color-primarydark);
+  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
+  --ab-cmp-loader__font-size: var(--ab-font-size-2); }
+
+:root {
+  --ab-cmp-progress-indicator__delay: 1s;
+  --ab-cmp-progress-indicator__z-index: 9999;
+  --ab-cmp-progress-indicator__font-size: var(--ab-font-size-4);
+  --ab-cmp-progress-indicator__font-style: italic;
+  --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
+  --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-wizard__padding: var(--ab-space-5);
   --ab-cmp-wizard__margin: var(--ab-space-1);
@@ -2072,6 +2087,9 @@ template {
   --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
   --ab-cmp-toolpanel__font-family: var(--ab__font-family); }
 
+:root {
+  --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4); }
+
 .ab-Radio-input:focus + svg rect {
   stroke: var(--ab-color-accent);
   stroke-width: 2; }
@@ -2914,9 +2932,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 .ab-Dashboard .ab-Input {
     border: none; }
 
+.ab-Dashboard .ab-DashboardToolbar__Export__wrap {
+    white-space: nowrap; }
+
 .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
     padding: var(--ab-space-1); }
 
+.ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
+    margin-left: var(--ab-space-1); }
+
 .ab-GridList {
   --at-grid__background: transparent; }
 
@@ -3053,6 +3077,63 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
   opacity: 0.5; }
 
+.ab-Loader {
+  font-size: var(--ab-cmp-loader__font-size);
+  margin-top: 8px;
+  font-style: italic; }
+
+.ab-Loader__text, .ab-Loader__Spinner {
+  vertical-align: middle; }
+
+.ab-Loader .ab-Loader__Spinner {
+  margin-right: 5px; }
+
+.ab-Loader__Spinner {
+  display: inline-block;
+  border-radius: 50%;
+  border: 2px solid var(--ab-cmp-loader__background);
+  border-top: 2px solid var(--ab-cmp-loader__border);
+  width: 10px;
+  height: 10px;
+  bottom: 0;
+  animation: spin 1.5s linear infinite; }
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
+.ab-progress-indicator-wrapper {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 0;
+  width: 0;
+  z-index: var(--ab-cmp-progress-indicator__z-index);
+  opacity: 0;
+  transition-delay: var(--ab-cmp-progress-indicator__delay);
+  transition-property: opacity;
+  transition-duration: 0.3s; }
+
+.ab-progress-indicator-wrapper--visible {
+    opacity: 1; }
+
+.ab-progress-indicator-wrapper .ab-progress-indicator-body {
+    padding: var(--ab-cmp-progress-indicator__padding);
+    background: var(--ab-cmp-progress-indicator__background);
+    color: var(--ab-cmp-progress-indicator__color);
+    border-style: none;
+    border-width: 0px;
+    border-radius: var(--ab__border-radius);
+    box-shadow: var(--ab-focus__box-shadow);
+    font-size: var(--ab-cmp-progress-indicator__font-size);
+    font-style: var(--ab-cmp-progress-indicator__font-style);
+    font-family: var(--ab-cmp-progress-indicator__font-family); }
+
 .ab-ObjectCollection__list > * {
   background: var(--ab-cmp-listgroupitem__background);
   color: var(--ab-cmp-listgroupitem__color); }
@@ -3082,19 +3163,19 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
     overflow-x: hidden; }
 
-.ag-theme-balham-dark .ab-ListBoxFilterForm--vendor-style,
-.ag-theme-balham .ab-ListBoxFilterForm--vendor-style {
+.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
+.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
   --ab-cmp-dropdown__border-radius: 0;
   --ab-cmp-input__border-radius: 0;
   --ab-cmp-input__padding: 0;
   --ab-cmp-dropdown__padding: 3px;
   --ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent); }
 
-.ag-theme-balham-dark .ab-ListBoxFilterForm--vendor-style .ab-FieldWrap,
-  .ag-theme-balham .ab-ListBoxFilterForm--vendor-style .ab-FieldWrap {
+.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
+  .ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
     border-radius: 0; }
 
-html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
+html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   --ab-color-inputborder: white;
   --ab-cmp-dropdown__border: 1px solid white; }
 
@@ -3174,7 +3255,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
   margin-right: var(--ab-space-2); }
 
 .ab-ToolPanel {
-  min-width: calc(var(--ab-cmp-toolpanel__width) - 1px);
+  flex: 1 1 0;
+  min-width: 0;
   color: var(--ab-cmp-toolpanel__color);
   font-family: var(--ab-cmp-toolpanel__font-family); }
 
@@ -3191,6 +3273,16 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
     flex-wrap: wrap;
     grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
 
+.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
+    justify-content: center;
+    flex: 1; }
+
+.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
+    margin-bottom: var(--ab-space-1); }
+
+.ab-CustomSortWizard__SortOrder .ab-Loader__text {
+  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
+
 .ab-alert--error {
   background: var(--ab-color-error); }
 
@@ -3346,34 +3438,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
 .ag-details-row .ag-details-grid {
     flex: 1; }
 
-div.ab-progress-indicator-wrapper {
-  align-items: center;
-  display: flex;
-  height: 100vh;
-  justify-content: center;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 9999;
-  opacity: 0;
-  transition-delay: 0.5s;
-  transition-property: opacity;
-  transition-duration: 0.3s; }
-
-div.ab-progress-indicator-wrapper--visible {
-    opacity: 1; }
-
-div.ab-progress-indicator-wrapper .ab-progress-indicator-text {
-    padding: var(--ab-space-3);
-    background: var(--ab-color-primary);
-    color: var(--ab-color-text-on-primary);
-    border-style: none;
-    border-width: 0px;
-    border-radius: var(--ab__border-radius);
-    box-shadow: var(--ab-focus__box-shadow);
-    font-size: var(--ab-font-size-3);
-    font-family: var(--ab__font-family); }
+.ab-wait-for-progress-indicator.ab-Grid {
+  pointer-events: none; }
 
 :root {
   --ab_flex-direction: column; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "10.0.2",
+  "version": "10.0.4-canary.2",
   "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,7 @@
     }
   },
   "dependencies": {
-    "@adaptabletools/adaptable": "10.0.2"
+    "@adaptabletools/adaptable": "10.0.4-canary.2"
   },
   "peerDependencies": {
     "@ag-grid-community/all-modules": ">=26.0.0",

package/src/components/AdaptableReact.d.ts

@@ -11,7 +11,7 @@ declare const AdaptableReact: ({ adaptableOptions, gridOptions, onAdaptableReady
     modules: Module[];
     onAdaptableReady?: (adaptableReadyInfo: {
         adaptableApi: AdaptableApi;
-        vendorGrid: GridOptions;
+        gridOptions: GridOptions;
     }) => void;
 } & React.HTMLProps<HTMLDivElement>) => JSX.Element;
 export default AdaptableReact;