@adaptabletools/adaptable-react-aggrid 10.0.0 → 10.0.4-canary.0

package/base.css

@@ -1339,6 +1339,7 @@
   --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
 :root {
   --ab-dashboard__background: var(--ab-color-primary);
+  --ab-dashboard__font-family: var(--ab__font-family);
   --ab-dashboard-wrap: nowrap;
   --ab-dashboard-gap-size: 3px;
   --ab-dashboard-gap__background: var(--ab-color-primarylight);
@@ -1361,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);
@@ -1467,7 +1481,11 @@
   --ab-cmp-toolpanel__width: 200px;
   --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
   --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
-  --ab-cmp-toolpanel-header__grid-gap: 3px; }
+  --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; }
@@ -2060,7 +2078,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   z-index: 1000;
   user-select: none;
   background: var(--ab-dashboard-gap__background);
-  color: var(--ab-dashboard__color); }
+  color: var(--ab-dashboard__color);
+  font-family: var(--ab-dashboard__font-family); }
 .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
     display: flex; }
 .ab-Dashboard__header {
@@ -2251,6 +2270,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); }
@@ -2347,7 +2415,9 @@ 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); }
+  min-width: calc(var(--ab-cmp-toolpanel__width) - 1px);
+  color: var(--ab-cmp-toolpanel__color);
+  font-family: var(--ab-cmp-toolpanel__font-family); }
 .ab-ToolPanel .ab-ToolPanel__header {
     background: var(--ab-cmp-toolpanel-header__background);
     color: var(--ab-cmp-toolpanel-header__color); }
@@ -2358,6 +2428,8 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
     flex-direction: row;
     flex-wrap: wrap;
     grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
+.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 {
@@ -2482,32 +2554,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

@@ -1915,6 +1915,7 @@ template {
 
 :root {
   --ab-dashboard__background: var(--ab-color-primary);
+  --ab-dashboard__font-family: var(--ab__font-family);
   --ab-dashboard-wrap: nowrap;
   --ab-dashboard-gap-size: 3px;
   --ab-dashboard-gap__background: var(--ab-color-primarylight);
@@ -1940,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);
@@ -2067,7 +2083,12 @@ template {
   --ab-cmp-toolpanel__width: 200px;
   --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
   --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
-  --ab-cmp-toolpanel-header__grid-gap: 3px; }
+  --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);
@@ -2809,7 +2830,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   z-index: 1000;
   user-select: none;
   background: var(--ab-dashboard-gap__background);
-  color: var(--ab-dashboard__color); }
+  color: var(--ab-dashboard__color);
+  font-family: var(--ab-dashboard__font-family); }
 
 .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
     display: flex; }
@@ -3049,6 +3071,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); }
@@ -3170,7 +3249,9 @@ 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); }
+  min-width: calc(var(--ab-cmp-toolpanel__width) - 1px);
+  color: var(--ab-cmp-toolpanel__color);
+  font-family: var(--ab-cmp-toolpanel__font-family); }
 
 .ab-ToolPanel .ab-ToolPanel__header {
     background: var(--ab-cmp-toolpanel-header__background);
@@ -3185,6 +3266,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--vendor-style {
     flex-wrap: wrap;
     grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
 
+.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); }
 
@@ -3340,34 +3424,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,17 +1,9 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "10.0.0",
+  "version": "10.0.4-canary.0",
   "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",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/AdaptableTools/adaptable.git",
-    "directory": "packages/adaptable-react-aggrid"
-  },
-  "bugs": {
-    "url": "https://github.com/AdaptableTools/adaptable/issues"
-  },
   "license": "SEE LICENSE IN LICENSE.md",
   "engines": {
     "node": ">=6.0.0"
@@ -28,7 +20,7 @@
     }
   },
   "dependencies": {
-    "@adaptabletools/adaptable": "10.0.0"
+    "@adaptabletools/adaptable": "10.0.4-canary.0"
   },
   "peerDependencies": {
     "@ag-grid-community/all-modules": ">=26.0.0",