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

package/base.css

@@ -372,22 +372,30 @@
   --rdp-background-color-dark: #180270;
   /* Outline border for focused elements */
   --rdp-outline: 2px solid var(--rdp-accent-color);
+  /* Outline border for focused and selected elements */
+  --rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75);
 }
 .rdp {
-  display: inline-block;
-  font-size: 1rem;
   margin: 1em;
 }
 /* Hide elements for devices that are not screen readers */
 .rdp-vhidden {
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
+  box-sizing: border-box;
   padding: 0;
-  position: absolute;
+  margin: 0;
+  background: transparent;
+  border: 0;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  position: absolute !important;
   top: 0;
-  width: 1px;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  border: 0 !important
 }
 /* Buttons */
 .rdp-button_reset {
@@ -477,13 +485,13 @@
 .rdp-nav {
   white-space: nowrap;
 }
-.rdp-multiple_months .rdp-caption_first .rdp-nav {
+.rdp-multiple_months .rdp-caption_start .rdp-nav {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
 }
-.rdp-multiple_months .rdp-caption_last .rdp-nav {
+.rdp-multiple_months .rdp-caption_end .rdp-nav {
   position: absolute;
   top: 50%;
   right: 0;
@@ -529,8 +537,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);
@@ -595,26 +603,78 @@
   color: white;
   background-color: var(--rdp-accent-color);
 }
-.rdp-day_range_start {
+.rdp-day_selected:focus:not([disabled]) {
+  border: var(--rdp-outline-selected);
+}
+.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.rdp-day_range_end {
+.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 .rdp-day_range_end.rdp-day_range_start {
   border-radius: 100%;
 }
 .rdp-day_range_middle {
   border-radius: 0;
 }
+:root {
+  --toastify-color-light: #fff;
+  --toastify-color-dark: #121212;
+  --toastify-color-info: #3498db;
+  --toastify-color-success: #07bc0c;
+  --toastify-color-warning: #f1c40f;
+  --toastify-color-error: #e74c3c;
+  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
+  --toastify-icon-color-info: var(--toastify-color-info);
+  --toastify-icon-color-success: var(--toastify-color-success);
+  --toastify-icon-color-warning: var(--toastify-color-warning);
+  --toastify-icon-color-error: var(--toastify-color-error);
+  --toastify-toast-width: 320px;
+  --toastify-toast-background: #fff;
+  --toastify-toast-min-height: 64px;
+  --toastify-toast-max-height: 800px;
+  --toastify-font-family: sans-serif;
+  --toastify-z-index: 9999;
+  --toastify-text-color-light: #757575;
+  --toastify-text-color-dark: #fff;
+  --toastify-text-color-info: #fff;
+  --toastify-text-color-success: #fff;
+  --toastify-text-color-warning: #fff;
+  --toastify-text-color-error: #fff;
+  --toastify-spinner-color: #616161;
+  --toastify-spinner-color-empty-area: #e0e0e0;
+  --toastify-color-progress-light: linear-gradient(
+    to right,
+    #4cd964,
+    #5ac8fa,
+    #007aff,
+    #34aadc,
+    #5856d6,
+    #ff2d55
+  );
+  --toastify-color-progress-dark: #bb86fc;
+  --toastify-color-progress-info: var(--toastify-color-info);
+  --toastify-color-progress-success: var(--toastify-color-success);
+  --toastify-color-progress-warning: var(--toastify-color-warning);
+  --toastify-color-progress-error: var(--toastify-color-error);
+}
 .Toastify__toast-container {
-  z-index: 9999;
-  -webkit-transform: translate3d(0, 0, 9999px);
+  z-index: var(--toastify-z-index);
+  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
   position: fixed;
   padding: 4px;
-  width: 320px;
+  width: var(--toastify-toast-width);
   box-sizing: border-box;
   color: #fff;
 }
@@ -666,7 +726,7 @@
 }
 .Toastify__toast {
   position: relative;
-  min-height: 64px;
+  min-height: var(--toastify-toast-min-height);
   box-sizing: border-box;
   margin-bottom: 1rem;
   padding: 8px;
@@ -676,51 +736,101 @@
   display: flex;
   -ms-flex-pack: justify;
       justify-content: space-between;
-  max-height: 800px;
+  max-height: var(--toastify-toast-max-height);
   overflow: hidden;
-  font-family: sans-serif;
+  font-family: var(--toastify-font-family);
   cursor: pointer;
   direction: ltr;
 }
 .Toastify__toast--rtl {
   direction: rtl;
 }
-.Toastify__toast--dark {
-  background: #121212;
-  color: #fff;
-}
-.Toastify__toast--default {
-  background: #fff;
-  color: #aaa;
-}
-.Toastify__toast--info {
-  background: #3498db;
-}
-.Toastify__toast--success {
-  background: #07bc0c;
-}
-.Toastify__toast--warning {
-  background: #f1c40f;
-}
-.Toastify__toast--error {
-  background: #e74c3c;
-}
 .Toastify__toast-body {
   margin: auto 0;
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   padding: 6px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.Toastify__toast-body > div:last-child {
+  -ms-flex: 1;
+      flex: 1;
+}
+.Toastify__toast-icon {
+  -webkit-margin-end: 10px;
+          margin-inline-end: 10px;
+  width: 20px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  display: -ms-flexbox;
+  display: flex;
 }
 .Toastify--animate {
   animation-fill-mode: both;
   animation-duration: 0.7s;
 }
+.Toastify--animate-icon {
+  animation-fill-mode: both;
+  animation-duration: 0.3s;
+}
 @media only screen and (max-width : 480px) {
   .Toastify__toast {
     margin-bottom: 0;
     border-radius: 0;
   }
 }
+.Toastify__toast-theme--dark {
+  background: var(--toastify-color-dark);
+  color: var(--toastify-text-color-dark);
+}
+.Toastify__toast-theme--light {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
+}
+.Toastify__toast-theme--colored.Toastify__toast--default {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
+}
+.Toastify__toast-theme--colored.Toastify__toast--info {
+  color: var(--toastify-text-color-info);
+  background: var(--toastify-color-info);
+}
+.Toastify__toast-theme--colored.Toastify__toast--success {
+  color: var(--toastify-text-color-success);
+  background: var(--toastify-color-success);
+}
+.Toastify__toast-theme--colored.Toastify__toast--warning {
+  color: var(--toastify-text-color-warning);
+  background: var(--toastify-color-warning);
+}
+.Toastify__toast-theme--colored.Toastify__toast--error {
+  color: var(--toastify-text-color-error);
+  background: var(--toastify-color-error);
+}
+.Toastify__progress-bar-theme--light {
+  background: var(--toastify-color-progress-light);
+}
+.Toastify__progress-bar-theme--dark {
+  background: var(--toastify-color-progress-dark);
+}
+.Toastify__progress-bar--info {
+  background: var(--toastify-color-progress-info);
+}
+.Toastify__progress-bar--success {
+  background: var(--toastify-color-progress-success);
+}
+.Toastify__progress-bar--warning {
+  background: var(--toastify-color-progress-warning);
+}
+.Toastify__progress-bar--error {
+  background: var(--toastify-color-progress-error);
+}
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+  background: var(--toastify-color-transparent);
+}
 .Toastify__close-button {
   color: #fff;
   background: transparent;
@@ -733,7 +843,7 @@
   -ms-flex-item-align: start;
       align-self: flex-start;
 }
-.Toastify__close-button--default {
+.Toastify__close-button--light {
   color: #000;
   opacity: 0.3;
 }
@@ -759,9 +869,8 @@
   left: 0;
   width: 100%;
   height: 5px;
-  z-index: 9999;
+  z-index: var(--toastify-z-index);
   opacity: 0.7;
-  background-color: rgba(255, 255, 255, 0.7);
   transform-origin: left;
 }
 .Toastify__progress-bar--animated {
@@ -775,11 +884,15 @@
   left: initial;
   transform-origin: right;
 }
-.Toastify__progress-bar--default {
-  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
-}
-.Toastify__progress-bar--dark {
-  background: #bb86fc;
+.Toastify__spinner {
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: var(--toastify-spinner-color-empty-area);
+  border-right-color: var(--toastify-spinner-color);
+  animation: Toastify__spin 0.65s linear infinite;
 }
 @keyframes Toastify__bounceInRight {
   from, 60%, 75%, 90%, to {
@@ -1102,6 +1215,14 @@
 .Toastify__slide-exit--bottom-center {
   animation-name: Toastify__slideOutDown;
 }
+@keyframes Toastify__spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 :root {
   --ab-space-0: 0px;
   --ab-space-1: 4px;

package/index.css

@@ -801,25 +801,33 @@ template {
   --rdp-background-color-dark: #180270;
   /* Outline border for focused elements */
   --rdp-outline: 2px solid var(--rdp-accent-color);
+  /* Outline border for focused and selected elements */
+  --rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75);
 }
 
 .rdp {
-  display: inline-block;
-  font-size: 1rem;
   margin: 1em;
 }
 
 /* Hide elements for devices that are not screen readers */
 
 .rdp-vhidden {
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
+  box-sizing: border-box;
   padding: 0;
-  position: absolute;
+  margin: 0;
+  background: transparent;
+  border: 0;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  position: absolute !important;
   top: 0;
-  width: 1px;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  border: 0 !important
 }
 
 /* Buttons */
@@ -928,14 +936,14 @@ template {
   white-space: nowrap;
 }
 
-.rdp-multiple_months .rdp-caption_first .rdp-nav {
+.rdp-multiple_months .rdp-caption_start .rdp-nav {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
 }
 
-.rdp-multiple_months .rdp-caption_last .rdp-nav {
+.rdp-multiple_months .rdp-caption_end .rdp-nav {
   position: absolute;
   top: 50%;
   right: 0;
@@ -989,8 +997,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);
@@ -1067,16 +1075,30 @@ template {
   background-color: var(--rdp-accent-color);
 }
 
-.rdp-day_range_start {
+.rdp-day_selected:focus:not([disabled]) {
+  border: var(--rdp-outline-selected);
+}
+
+.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-.rdp-day_range_end {
+.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
+.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
 .rdp-day_range_end.rdp-day_range_start {
   border-radius: 100%;
 }
@@ -1085,12 +1107,54 @@ template {
   border-radius: 0;
 }
 
+:root {
+  --toastify-color-light: #fff;
+  --toastify-color-dark: #121212;
+  --toastify-color-info: #3498db;
+  --toastify-color-success: #07bc0c;
+  --toastify-color-warning: #f1c40f;
+  --toastify-color-error: #e74c3c;
+  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
+  --toastify-icon-color-info: var(--toastify-color-info);
+  --toastify-icon-color-success: var(--toastify-color-success);
+  --toastify-icon-color-warning: var(--toastify-color-warning);
+  --toastify-icon-color-error: var(--toastify-color-error);
+  --toastify-toast-width: 320px;
+  --toastify-toast-background: #fff;
+  --toastify-toast-min-height: 64px;
+  --toastify-toast-max-height: 800px;
+  --toastify-font-family: sans-serif;
+  --toastify-z-index: 9999;
+  --toastify-text-color-light: #757575;
+  --toastify-text-color-dark: #fff;
+  --toastify-text-color-info: #fff;
+  --toastify-text-color-success: #fff;
+  --toastify-text-color-warning: #fff;
+  --toastify-text-color-error: #fff;
+  --toastify-spinner-color: #616161;
+  --toastify-spinner-color-empty-area: #e0e0e0;
+  --toastify-color-progress-light: linear-gradient(
+    to right,
+    #4cd964,
+    #5ac8fa,
+    #007aff,
+    #34aadc,
+    #5856d6,
+    #ff2d55
+  );
+  --toastify-color-progress-dark: #bb86fc;
+  --toastify-color-progress-info: var(--toastify-color-info);
+  --toastify-color-progress-success: var(--toastify-color-success);
+  --toastify-color-progress-warning: var(--toastify-color-warning);
+  --toastify-color-progress-error: var(--toastify-color-error);
+}
+
 .Toastify__toast-container {
-  z-index: 9999;
-  -webkit-transform: translate3d(0, 0, 9999px);
+  z-index: var(--toastify-z-index);
+  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
   position: fixed;
   padding: 4px;
-  width: 320px;
+  width: var(--toastify-toast-width);
   box-sizing: border-box;
   color: #fff;
 }
@@ -1150,7 +1214,7 @@ template {
 
 .Toastify__toast {
   position: relative;
-  min-height: 64px;
+  min-height: var(--toastify-toast-min-height);
   box-sizing: border-box;
   margin-bottom: 1rem;
   padding: 8px;
@@ -1160,9 +1224,9 @@ template {
   display: flex;
   -ms-flex-pack: justify;
       justify-content: space-between;
-  max-height: 800px;
+  max-height: var(--toastify-toast-max-height);
   overflow: hidden;
-  font-family: sans-serif;
+  font-family: var(--toastify-font-family);
   cursor: pointer;
   direction: ltr;
 }
@@ -1171,37 +1235,30 @@ template {
   direction: rtl;
 }
 
-.Toastify__toast--dark {
-  background: #121212;
-  color: #fff;
-}
-
-.Toastify__toast--default {
-  background: #fff;
-  color: #aaa;
-}
-
-.Toastify__toast--info {
-  background: #3498db;
-}
-
-.Toastify__toast--success {
-  background: #07bc0c;
-}
-
-.Toastify__toast--warning {
-  background: #f1c40f;
-}
-
-.Toastify__toast--error {
-  background: #e74c3c;
-}
-
 .Toastify__toast-body {
   margin: auto 0;
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   padding: 6px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.Toastify__toast-body > div:last-child {
+  -ms-flex: 1;
+      flex: 1;
+}
+
+.Toastify__toast-icon {
+  -webkit-margin-end: 10px;
+          margin-inline-end: 10px;
+  width: 20px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  display: -ms-flexbox;
+  display: flex;
 }
 
 .Toastify--animate {
@@ -1209,6 +1266,11 @@ template {
   animation-duration: 0.7s;
 }
 
+.Toastify--animate-icon {
+  animation-fill-mode: both;
+  animation-duration: 0.3s;
+}
+
 @media only screen and (max-width : 480px) {
   .Toastify__toast {
     margin-bottom: 0;
@@ -1216,6 +1278,69 @@ template {
   }
 }
 
+.Toastify__toast-theme--dark {
+  background: var(--toastify-color-dark);
+  color: var(--toastify-text-color-dark);
+}
+
+.Toastify__toast-theme--light {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--default {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--info {
+  color: var(--toastify-text-color-info);
+  background: var(--toastify-color-info);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--success {
+  color: var(--toastify-text-color-success);
+  background: var(--toastify-color-success);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--warning {
+  color: var(--toastify-text-color-warning);
+  background: var(--toastify-color-warning);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--error {
+  color: var(--toastify-text-color-error);
+  background: var(--toastify-color-error);
+}
+
+.Toastify__progress-bar-theme--light {
+  background: var(--toastify-color-progress-light);
+}
+
+.Toastify__progress-bar-theme--dark {
+  background: var(--toastify-color-progress-dark);
+}
+
+.Toastify__progress-bar--info {
+  background: var(--toastify-color-progress-info);
+}
+
+.Toastify__progress-bar--success {
+  background: var(--toastify-color-progress-success);
+}
+
+.Toastify__progress-bar--warning {
+  background: var(--toastify-color-progress-warning);
+}
+
+.Toastify__progress-bar--error {
+  background: var(--toastify-color-progress-error);
+}
+
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+  background: var(--toastify-color-transparent);
+}
+
 .Toastify__close-button {
   color: #fff;
   background: transparent;
@@ -1229,7 +1354,7 @@ template {
       align-self: flex-start;
 }
 
-.Toastify__close-button--default {
+.Toastify__close-button--light {
   color: #000;
   opacity: 0.3;
 }
@@ -1259,9 +1384,8 @@ template {
   left: 0;
   width: 100%;
   height: 5px;
-  z-index: 9999;
+  z-index: var(--toastify-z-index);
   opacity: 0.7;
-  background-color: rgba(255, 255, 255, 0.7);
   transform-origin: left;
 }
 
@@ -1279,12 +1403,15 @@ template {
   transform-origin: right;
 }
 
-.Toastify__progress-bar--default {
-  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
-}
-
-.Toastify__progress-bar--dark {
-  background: #bb86fc;
+.Toastify__spinner {
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: var(--toastify-spinner-color-empty-area);
+  border-right-color: var(--toastify-spinner-color);
+  animation: Toastify__spin 0.65s linear infinite;
 }
 
 @keyframes Toastify__bounceInRight {
@@ -1648,6 +1775,15 @@ template {
   animation-name: Toastify__slideOutDown;
 }
 
+@keyframes Toastify__spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 :root {
   --ab-space-0: 0px;
   --ab-space-1: 4px;

package/package.json

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