npm - @procore/data-table - Versions diffs - 14.35.0 → 14.35.2 - Mend

@procore/data-table 14.35.0 → 14.35.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/modern/index.cjs CHANGED Viewed

@@ -1053,28 +1053,7 @@ __export(styles_exports, {
   css: () => css,
   default: () => styles_default
 });
-var css = `.ag-body-horizontal-scroll.ag-scrollbar-invisible {
-  pointer-events: all !important;
-}
-.ag-root-wrapper.ag-layout-print .ag-details-grid .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-root, .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-virtual-list-viewport {
-  height: auto !important;
-  overflow: hidden;
-  display: flex !important;
-  min-height: auto;
-}
-.ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-viewport {
-  min-height: auto;
-}
-.ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-container {
-  width: 100% !important;
-}
-.ag-root-wrapper {
-  z-index: 0;
-}
-.ag-details-grid {
-  padding-right: 14px;
-}
-.ag-icon {
+var css = `.ag-icon {
   font-family: var(--ag-icon-font-family);
   font-size: var(--ag-icon-size);
   line-height: var(--ag-icon-size);
@@ -1421,7 +1400,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
-@keyframes _ag-shake-left-to-right_if78k_369 {
+@keyframes _ag-shake-left-to-right_1ern5_342 {
   from {
     padding-left: 6px;
     padding-right: 2px;
@@ -5422,7 +5401,7 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
-@keyframes _spin_if78k_1 {
+@keyframes _spin_1ern5_1 {
   from {
     transform: rotate(0deg);
   }
@@ -7492,23 +7471,44 @@ input[class^=ag-][type=range]:disabled {
   --ag-header-column-separator-color: rgba(214, 218, 220, 0.5);
   --ag-header-column-resize-handle-color: rgba(214, 218, 220, 0.5);
 }
-.ag-theme-alpine.ag-theme-alpine {
+.data-table-container .ag-body-horizontal-scroll.ag-scrollbar-invisible {
+  pointer-events: all !important;
+}
+.data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-root-wrapper-body, .data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-root, .data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-body-viewport, .data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-viewport, .data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-body-horizontal-scroll-viewport, .data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-virtual-list-viewport {
+  height: auto !important;
+  overflow: hidden;
+  display: flex !important;
+  min-height: auto;
+}
+.data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-container, .data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-viewport {
+  min-height: auto;
+}
+.data-table-container .ag-root-wrapper.ag-layout-print .ag-details-grid .ag-center-cols-container {
+  width: 100% !important;
+}
+.data-table-container .ag-root-wrapper {
+  z-index: 0;
+}
+.data-table-container .ag-details-grid {
+  padding-right: 14px;
+}
+.data-table-container.ag-theme-alpine {
   font-family: inherit;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row-group-expanded.ag-row--dt-master {
+.data-table-container.ag-theme-alpine .ag-row-group-expanded.ag-row--dt-master {
   border-bottom: none;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-dnd-ghost {
+.data-table-container.ag-theme-alpine.ag-dnd-ghost {
   background-color: #e3e6e8;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-details-row {
+.data-table-container.ag-theme-alpine .ag-details-row {
   padding: 12px;
   min-height: 100%;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row--dt-active {
+.data-table-container.ag-theme-alpine .ag-row--dt-active {
   background-color: #e4ecfb;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row--dt-active::before {
+.data-table-container.ag-theme-alpine .ag-row--dt-active::before {
   background-color: #2066df;
   content: "";
   width: 4px;
@@ -7517,22 +7517,22 @@ input[class^=ag-][type=range]:disabled {
   top: 0;
   left: 0;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row--dt-overdue span {
+.data-table-container.ag-theme-alpine .ag-row--dt-overdue span {
   color: #e61920;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-row {
+.data-table-container.ag-theme-alpine .ag-header-row {
   height: auto;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row.ag-row-group {
+.data-table-container.ag-theme-alpine .ag-row.ag-row-group {
   display: flex;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row-inline-editing {
+.data-table-container.ag-theme-alpine .ag-row-inline-editing {
   background-color: #f6f9fe;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr span[class*=ag-row-group-indent-] {
+.data-table-container.ag-theme-alpine .ag-ltr span[class*=ag-row-group-indent-] {
   margin-left: 0;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell {
+.data-table-container.ag-theme-alpine .ag-cell {
   align-items: center;
   display: flex;
   height: 100%;
@@ -7541,84 +7541,84 @@ input[class^=ag-][type=range]:disabled {
   padding-left: 8px;
   padding-right: 8px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell-focus {
+.data-table-container.ag-theme-alpine .ag-cell-focus {
   background: #e4ecfb;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-floating-bottom {
+.data-table-container.ag-theme-alpine .ag-floating-bottom {
   box-shadow: 0px -6px 12px -3px hsla(200, 8%, 10%, 0.25);
   z-index: 2;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-row, .ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom .ag-row {
+.data-table-container.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom .ag-row, .data-table-container.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom .ag-row {
   background-color: #f4f5f6;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom {
+.data-table-container.ag-theme-alpine .ag-floating-bottom .ag-pinned-left-floating-bottom {
   z-index: 1;
   box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom {
+.data-table-container.ag-theme-alpine .ag-floating-bottom .ag-pinned-right-floating-bottom {
   box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-group-value {
+.data-table-container.ag-theme-alpine .ag-group-value {
   line-height: 16px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header .ag-header-cell {
+.data-table-container.ag-theme-alpine .ag-header .ag-header-cell {
   font-size: 12px;
   padding-left: 16px;
   padding-right: 16px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header .ag-header-cell .ag-header-cell-comp-wrapper {
+.data-table-container.ag-theme-alpine .ag-header .ag-header-cell .ag-header-cell-comp-wrapper {
   overflow: visible;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-left-header {
+.data-table-container.ag-theme-alpine .ag-header .ag-pinned-left-header {
   box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
-.ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container {
+.data-table-container.ag-theme-alpine .ag-pinned-left-cols-container {
   box-shadow: 3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-right: 1px solid #d6dadc;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header .ag-pinned-right-header {
+.data-table-container.ag-theme-alpine .ag-header .ag-pinned-right-header {
   box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
 }
-.ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
+.data-table-container.ag-theme-alpine .ag-pinned-right-cols-container {
   box-shadow: -3px -10px 12px 0.5px hsl(200, 8%, 90%);
   border-left: 1px solid #d6dadc;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-pinned-left-cols-container, .ag-theme-alpine.ag-theme-alpine .ag-pinned-right-cols-container {
+.data-table-container.ag-theme-alpine .ag-pinned-left-cols-container, .data-table-container.ag-theme-alpine .ag-pinned-right-cols-container {
   z-index: 1;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-icon.ag-filter-icon {
+.data-table-container.ag-theme-alpine .ag-header-icon.ag-filter-icon {
   display: none;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-icon.ag-sort-order {
+.data-table-container.ag-theme-alpine .ag-header-icon.ag-sort-order {
   color: #2066df;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-label-icon {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-label-icon {
   margin-left: 4px;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-text {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-text {
   overflow: auto;
   text-overflow: initial;
   white-space: initial;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .data-table-header-cell-container, .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label-container {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .data-table-header-cell-container, .data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label-container {
   min-width: 0;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-menu-button {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-menu-button {
   margin-left: 4px;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label {
   padding: 8px 0;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name-container {
   width: 100%;
   display: -webkit-box;
   overflow: hidden;
   white-space: normal;
   -webkit-box-orient: vertical;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
   word-wrap: break-word;
   overflow: hidden;
   -webkit-box-orient: vertical;
@@ -7626,145 +7626,145 @@ input[class^=ag-][type=range]:disabled {
   display: -webkit-box;
 }
 @supports (-webkit-line-clamp: 4) {
-  .ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
+  .data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell .ag-header-cell-comp-wrapper .ag-header-cell-label .data-table-header-display-name {
     white-space: initial;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
   }
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .data-table-header-cell-container {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .data-table-header-cell-container {
   flex-direction: row-reverse;
   text-align: right;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-menu-button {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-menu-button {
   margin-left: 0;
 }
-.ag-theme-alpine.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label .data-table-header-display-name {
+.data-table-container.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label .data-table-header-display-name {
   padding-left: 4px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
   margin-right: 4px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-group-contracted, .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-group-expanded {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-group-contracted, .data-table-container.ag-theme-alpine .ag-ltr .ag-group-expanded {
   margin-right: 4px;
   width: 12px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-group-contracted:hover .ag-icon-tree-closed:before, .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-group-expanded:hover .ag-icon-tree-closed:before {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-group-contracted:hover .ag-icon-tree-closed:before, .data-table-container.ag-theme-alpine .ag-ltr .ag-group-expanded:hover .ag-icon-tree-closed:before {
   content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='8px'><path d='M0 8L-3.49691e-07 0L4 4L0 8Z' fill='%232066DF'/></svg>");
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group[aria-expanded=true] .ag-header-group-cell-label, .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group[aria-expanded=false] .ag-header-group-cell-label {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group[aria-expanded=true] .ag-header-group-cell-label, .data-table-container.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group[aria-expanded=false] .ag-header-group-cell-label {
   position: relative;
   padding-right: 16px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-contracted:before, .ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-expanded:before {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-contracted:before, .data-table-container.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-expanded:before {
   position: absolute;
   top: 16px;
   right: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-expanded:before {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-expanded:before {
   content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'><path d='M3 19.5V4.5L11 12L3 19.5Z' fill='%23232729'/><path d='M21 4.5V19.5L13 12L21 4.5Z' fill='%23232729'/></svg>");
 }
-.ag-theme-alpine.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-contracted:before {
+.data-table-container.ag-theme-alpine .ag-ltr .ag-header-group-cell-with-group .ag-icon-contracted:before {
   content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24'><path d='M14 19.5V4.5L22 12L14 19.5Z' fill='%23232729'/><path d='M10 4.5V19.5L2 12L10 4.5Z' fill='%23232729'/></svg>");
 }
-.ag-theme-alpine.ag-theme-alpine .ag-icon-tree-closed, .ag-theme-alpine.ag-theme-alpine .ag-icon-tree-open {
+.data-table-container.ag-theme-alpine .ag-icon-tree-closed, .data-table-container.ag-theme-alpine .ag-icon-tree-open {
   font-size: 4px;
   line-height: 4px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-icon-tree-closed::before {
+.data-table-container.ag-theme-alpine .ag-icon-tree-closed::before {
   content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='8px'><path d='M0 8L-3.49691e-07 0L4 4L0 8Z' fill='%236A767C'/></svg>");
 }
-.ag-theme-alpine.ag-theme-alpine .ag-icon-tree-open::before {
+.data-table-container.ag-theme-alpine .ag-icon-tree-open::before {
   content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8px' height='4px'><path d='M0 0H8L4 4L0 0Z' fill='%232066DF'/></svg>");
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-cell-resize {
+.data-table-container.ag-theme-alpine .ag-header-cell-resize {
   right: -5px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-cell-resize::after {
+.data-table-container.ag-theme-alpine .ag-header-cell-resize::after {
   width: 1px;
   height: 100%;
   top: 0;
   background-color: #d6dadc;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-right-aligned-cell {
+.data-table-container.ag-theme-alpine .ag-right-aligned-cell {
   justify-content: flex-end;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell-wrapper {
+.data-table-container.ag-theme-alpine .ag-cell-wrapper {
   width: 100%;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell-wrapper.ag-row-group {
+.data-table-container.ag-theme-alpine .ag-cell-wrapper.ag-row-group {
   align-items: center;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell-wrapper .ag-cell-value {
+.data-table-container.ag-theme-alpine .ag-cell-wrapper .ag-cell-value {
   display: flex;
   width: 100%;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell {
+.data-table-container.ag-theme-alpine .ag-cell {
   border: none;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell .ag-selection-checkbox.ag-invisible {
+.data-table-container.ag-theme-alpine .ag-cell .ag-selection-checkbox.ag-invisible {
   display: none;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-body-viewport [col-id=ag-Grid-AutoColumn].ag-cell, .ag-theme-alpine.ag-theme-alpine .ag-sticky-top-viewport [col-id=ag-Grid-AutoColumn].ag-cell {
+.data-table-container.ag-theme-alpine .ag-body-viewport [col-id=ag-Grid-AutoColumn].ag-cell, .data-table-container.ag-theme-alpine .ag-sticky-top-viewport [col-id=ag-Grid-AutoColumn].ag-cell {
   overflow: visible;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-body-viewport .ag-header-cell-comp-wrapper, .ag-theme-alpine.ag-theme-alpine .ag-sticky-top-viewport .ag-header-cell-comp-wrapper {
+.data-table-container.ag-theme-alpine .ag-body-viewport .ag-header-cell-comp-wrapper, .data-table-container.ag-theme-alpine .ag-sticky-top-viewport .ag-header-cell-comp-wrapper {
   height: 100%;
   padding: 0 16px;
   margin-left: -16px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-body-viewport .ag-row-loading.ag-full-width-row {
+.data-table-container.ag-theme-alpine .ag-body-viewport .ag-row-loading.ag-full-width-row {
   overflow: visible;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-checkbox-input-wrapper {
+.data-table-container.ag-theme-alpine .ag-checkbox-input-wrapper {
   font-size: 20px;
   line-height: 20px;
   width: 20px;
   height: 20px;
   margin-left: 8px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-select-all .ag-checkbox-input-wrapper.ag-indeterminate::after {
+.data-table-container.ag-theme-alpine .ag-header-select-all .ag-checkbox-input-wrapper.ag-indeterminate::after {
   color: #2066df;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-details-row-auto-height .ag-center-cols-viewport, .ag-theme-alpine.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport {
+.data-table-container.ag-theme-alpine .ag-details-row-auto-height .ag-center-cols-viewport, .data-table-container.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport {
   min-height: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-overlay .ag-react-container {
+.data-table-container.ag-theme-alpine .ag-overlay .ag-react-container {
   pointer-events: initial;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-menu, .ag-theme-alpine.ag-theme-alpine .ag-menu-header {
+.data-table-container.ag-theme-alpine .ag-menu, .data-table-container.ag-theme-alpine .ag-menu-header {
   background-color: #ffffff;
   border-radius: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-header-cell-menu-button:hover {
+.data-table-container.ag-theme-alpine .ag-header-cell-menu-button:hover {
   color: #232729;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-tab-selected {
+.data-table-container.ag-theme-alpine .ag-tab-selected {
   border-bottom-color: transparent;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-menu .ag-menu-header {
+.data-table-container.ag-theme-alpine .ag-menu .ag-menu-header {
   display: none;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-menu-body {
+.data-table-container.ag-theme-alpine .ag-menu-body {
   min-width: 206px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-floating-bottom-container .ag-row {
+.data-table-container.ag-theme-alpine .ag-floating-bottom-container .ag-row {
   background: #f4f5f6;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-floating-bottom-container .ag-row:hover {
+.data-table-container.ag-theme-alpine .ag-floating-bottom-container .ag-row:hover {
   background: #f4f5f6;
 }
-.ag-row.ag-row-position-absolute .ag-cell {
+.data-table-container .ag-row.ag-row-position-absolute .ag-cell {
   top: 0;
 }
-.ag-row .ag-cell.ag-cell-inline-editing.editable-cell, .ag-row .ag-cell.editable-cell {
+.data-table-container .ag-row .ag-cell.ag-cell-inline-editing.editable-cell, .data-table-container .ag-row .ag-cell.editable-cell {
   padding-left: 8px;
   padding-right: 8px;
 }
-.ag-row .ag-cell > .ag-react-container {
+.data-table-container .ag-row .ag-cell > .ag-react-container {
   width: 100%;
 }
-.ag-row .ag-cell .pseudo-inline-edit-content {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-content {
   width: 100%;
   align-items: center;
   border: 1px solid transparent;
@@ -7774,166 +7774,166 @@ input[class^=ag-][type=range]:disabled {
   padding: 4px 7px;
   cursor: pointer;
 }
-.ag-row .ag-cell .pseudo-inline-edit-content--with-clear {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-content--with-clear {
   display: flex;
   justify-content: space-between;
 }
-.ag-row .ag-cell .pseudo-inline-edit-content--with-arrow {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-content--with-arrow {
   padding-right: 10px;
   padding-left: 8px;
 }
-.ag-row .ag-cell .pseudo-inline-edit-content--empty {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-content--empty {
   visibility: hidden;
 }
-.ag-row .ag-cell .pseudo-inline-edit-content--right-aligned {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-content--right-aligned {
   padding-right: 8px;
   justify-content: flex-end;
   display: inline;
 }
-.ag-row .ag-cell .pseudo-inline-edit-content .inline-edit-spacer {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-content .inline-edit-spacer {
   flex: 1;
 }
-.ag-row .ag-cell.invalid-cell .inline-wrapper--right-aligned .cell-error__button {
+.data-table-container .ag-row .ag-cell.invalid-cell .inline-wrapper--right-aligned .cell-error__button {
   margin-left: 0;
   padding: 0 2px;
 }
-.ag-row .ag-cell.invalid-cell .ag-header-cell-comp-wrapper {
+.data-table-container .ag-row .ag-cell.invalid-cell .ag-header-cell-comp-wrapper {
   width: 100%;
 }
-.ag-row .ag-cell .cell-error {
+.data-table-container .ag-row .ag-cell .cell-error {
   display: none;
 }
-.ag-row .ag-cell.invalid-cell .cell-error {
+.data-table-container .ag-row .ag-cell.invalid-cell .cell-error {
   display: flex;
 }
-.ag-row .ag-cell.invalid-cell .cell-error svg {
+.data-table-container .ag-row .ag-cell.invalid-cell .cell-error svg {
   width: 14px;
   padding-top: 5px;
 }
-.ag-row .ag-cell.invalid-cell .cell-error__button {
+.data-table-container .ag-row .ag-cell.invalid-cell .cell-error__button {
   padding: 0;
   height: 28px;
 }
-.ag-row .ag-cell .pseudo-inline-edit-wrapper {
+.data-table-container .ag-row .ag-cell .pseudo-inline-edit-wrapper {
   display: flex;
   align-items: center;
   width: 100%;
 }
-.ag-row .ag-cell .inline-edit-wrapper {
+.data-table-container .ag-row .ag-cell .inline-edit-wrapper {
   display: flex;
   align-items: center;
   width: 100%;
   height: 100%;
 }
-.ag-row .ag-cell .inline-nonedit-wrapper {
+.data-table-container .ag-row .ag-cell .inline-nonedit-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }
-.ag-row .ag-cell .inline-nonedit-wrapper > span {
+.data-table-container .ag-row .ag-cell .inline-nonedit-wrapper > span {
   padding: 0 8px;
 }
-.ag-row .ag-cell .inline-nonedit-wrapper .pill-cell {
+.data-table-container .ag-row .ag-cell .inline-nonedit-wrapper .pill-cell {
   margin-left: 8px;
 }
-.ag-row .ag-cell .inline-wrapper--right-aligned {
+.data-table-container .ag-row .ag-cell .inline-wrapper--right-aligned {
   flex-direction: row-reverse;
 }
-.ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .pseudo-inline-edit-content--empty, .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .cell-asterisk {
+.data-table-container .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .pseudo-inline-edit-content--empty, .data-table-container .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .cell-asterisk {
   visibility: visible;
 }
-.ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .arrow-down-wrapper, .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .calendar-wrapper {
+.data-table-container .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .arrow-down-wrapper, .data-table-container .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .calendar-wrapper {
   display: inline-flex;
 }
-.ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .pseudo-inline-edit-content {
+.data-table-container .ag-row .ag-cell .inline-wrapper--with-show-pseudo-editors .pseudo-inline-edit-content {
   border-color: #d6dadc;
 }
-.ag-row-inline-editing > .editable-cell, .ag-row-focus > .editable-cell, .ag-row-hover > .editable-cell {
+.data-table-container .ag-row-inline-editing > .editable-cell, .data-table-container .ag-row-focus > .editable-cell, .data-table-container .ag-row-hover > .editable-cell {
   padding-left: 8px;
 }
-.ag-row-inline-editing > .editable-cell--right-aligned, .ag-row-focus > .editable-cell--right-aligned, .ag-row-hover > .editable-cell--right-aligned {
+.data-table-container .ag-row-inline-editing > .editable-cell--right-aligned, .data-table-container .ag-row-focus > .editable-cell--right-aligned, .data-table-container .ag-row-hover > .editable-cell--right-aligned {
   padding-left: calc(8px * 2);
   padding-right: 8px;
 }
-.ag-row-inline-editing > .editable-cell .pseudo-inline-edit-content--empty, .ag-row-inline-editing > .editable-cell .cell-asterisk, .ag-row-focus > .editable-cell .pseudo-inline-edit-content--empty, .ag-row-focus > .editable-cell .cell-asterisk, .ag-row-hover > .editable-cell .pseudo-inline-edit-content--empty, .ag-row-hover > .editable-cell .cell-asterisk {
+.data-table-container .ag-row-inline-editing > .editable-cell .pseudo-inline-edit-content--empty, .data-table-container .ag-row-inline-editing > .editable-cell .cell-asterisk, .data-table-container .ag-row-focus > .editable-cell .pseudo-inline-edit-content--empty, .data-table-container .ag-row-focus > .editable-cell .cell-asterisk, .data-table-container .ag-row-hover > .editable-cell .pseudo-inline-edit-content--empty, .data-table-container .ag-row-hover > .editable-cell .cell-asterisk {
   visibility: visible;
 }
-.ag-row-inline-editing > .editable-cell .pseudo-inline-edit-content, .ag-row-focus > .editable-cell .pseudo-inline-edit-content, .ag-row-hover > .editable-cell .pseudo-inline-edit-content {
+.data-table-container .ag-row-inline-editing > .editable-cell .pseudo-inline-edit-content, .data-table-container .ag-row-focus > .editable-cell .pseudo-inline-edit-content, .data-table-container .ag-row-hover > .editable-cell .pseudo-inline-edit-content {
   border-color: #d6dadc;
   background: #ffffff;
 }
-.ag-row-inline-editing > .editable-cell .arrow-down-wrapper, .ag-row-inline-editing > .editable-cell .clear-wrapper, .ag-row-inline-editing > .editable-cell .calendar-wrapper, .ag-row-focus > .editable-cell .arrow-down-wrapper, .ag-row-focus > .editable-cell .clear-wrapper, .ag-row-focus > .editable-cell .calendar-wrapper, .ag-row-hover > .editable-cell .arrow-down-wrapper, .ag-row-hover > .editable-cell .clear-wrapper, .ag-row-hover > .editable-cell .calendar-wrapper {
+.data-table-container .ag-row-inline-editing > .editable-cell .arrow-down-wrapper, .data-table-container .ag-row-inline-editing > .editable-cell .clear-wrapper, .data-table-container .ag-row-inline-editing > .editable-cell .calendar-wrapper, .data-table-container .ag-row-focus > .editable-cell .arrow-down-wrapper, .data-table-container .ag-row-focus > .editable-cell .clear-wrapper, .data-table-container .ag-row-focus > .editable-cell .calendar-wrapper, .data-table-container .ag-row-hover > .editable-cell .arrow-down-wrapper, .data-table-container .ag-row-hover > .editable-cell .clear-wrapper, .data-table-container .ag-row-hover > .editable-cell .calendar-wrapper {
   display: inline-flex;
 }
-.ag-row .ag-cell.invalid-cell .pseudo-inline-edit-content {
+.data-table-container .ag-row .ag-cell.invalid-cell .pseudo-inline-edit-content {
   border-color: #e61920;
   visibility: visible;
 }
-.ag-row .ag-cell.invalid-cell .inline-nonedit-wrapper span {
+.data-table-container .ag-row .ag-cell.invalid-cell .inline-nonedit-wrapper span {
   color: #c42223;
 }
-.ag-row .ag-cell.invalid-cell .arrow-down-wrapper, .ag-row .ag-cell.invalid-cell .clear-wrapper, .ag-row .ag-cell.invalid-cell .calendar-wrapper {
+.data-table-container .ag-row .ag-cell.invalid-cell .arrow-down-wrapper, .data-table-container .ag-row .ag-cell.invalid-cell .clear-wrapper, .data-table-container .ag-row .ag-cell.invalid-cell .calendar-wrapper {
   display: inline-flex;
 }
-.editable-cell:hover {
+.data-table-container .editable-cell:hover {
   background: #eef0f1;
 }
-.editable-cell .cell-asterisk {
+.data-table-container .editable-cell .cell-asterisk {
   visibility: hidden;
   padding: 0 8px;
 }
-.ag-cell .input-cell {
+.data-table-container .ag-cell .input-cell {
   display: flex;
   height: 28px;
   min-height: 28px;
   padding-left: 8px;
   font-size: 12px;
 }
-.ag-cell .input-cell--right-aligned {
+.data-table-container .ag-cell .input-cell--right-aligned {
   text-align: right;
   padding-right: 8px;
 }
-.ag-cell .textarea-cell {
+.data-table-container .ag-cell .textarea-cell {
   padding-left: 8px;
   font-size: 12px;
   line-height: 16px;
   margin: 8px 0px;
   height: 100%;
 }
-.ag-cell .textarea-cell.editor-text {
+.data-table-container .ag-cell .textarea-cell.editor-text {
   word-break: break-word;
   padding: 8px 12px;
 }
-.ag-cell .textarea-cell.text {
+.data-table-container .ag-cell .textarea-cell.text {
   word-break: break-word;
 }
-.ag-cell .textarea-cell--right-aligned {
+.data-table-container .ag-cell .textarea-cell--right-aligned {
   text-align: right;
   padding-right: 8px;
 }
-.ag-cell .textarea-cell .pseudo-inline-edit-content {
+.data-table-container .ag-cell .textarea-cell .pseudo-inline-edit-content {
   margin-top: 8px;
   margin-bottom: 8px;
 }
-.arrow-down-wrapper, .clear-wrapper {
+.data-table-container .arrow-down-wrapper, .data-table-container .clear-wrapper {
   display: none;
   margin-left: 8px;
 }
-.arrow-down {
+.data-table-container .arrow-down {
   border-bottom: 0;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid #6a767c;
 }
-.calendar-wrapper {
+.data-table-container .calendar-wrapper {
   color: #6a767c;
   display: none;
   margin-left: auto;
   padding-left: 16px;
 }
-div._contextPanel_if78k_7159 {
+div._contextPanel_1ern5_7159 {
   width: 400px;
   transition: all ease 500ms;
   flex: 0 0 auto;
@@ -7942,7 +7942,7 @@ div._contextPanel_if78k_7159 {
   border: 1px solid #d6dadc;
   display: flex;
 }
-div._contextPanel--hidden_if78k_7168 {
+div._contextPanel--hidden_1ern5_7168 {
   border: none;
   overflow: hidden;
   padding: 0px;
@@ -7950,50 +7950,50 @@ div._contextPanel--hidden_if78k_7168 {
   width: 0px;
 }
-._contextPanelWrapper_if78k_7176 {
+._contextPanelWrapper_1ern5_7176 {
   position: relative;
   flex-grow: 1;
 }
-._contextPanelBody_if78k_7181 {
+._contextPanelBody_1ern5_7181 {
   width: clamp(380px, 400px, 100%);
 }
-._contextPanel-stickyHeader_if78k_7185 {
+._contextPanel-stickyHeader_1ern5_7185 {
   background-color: #ffffff;
   position: sticky;
   top: 0;
   z-index: 5;
 }
-._filters-list_if78k_7192 {
+._filters-list_1ern5_7192 {
   padding: 0;
   margin: 0;
 }
-._filters-list_if78k_7192 ol {
+._filters-list_1ern5_7192 ol {
   padding: 0;
   margin: 0;
 }
-._col-drag-column-icon_if78k_7201 {
+._col-drag-column-icon_1ern5_7201 {
   color: #6a767c;
 }
-._tabular-nums_if78k_7205 {
+._tabular-nums_1ern5_7205 {
   font-variant-numeric: tabular-nums;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 var styles_default = {
-  "contextPanel": "_contextPanel_if78k_7159",
-  "contextPanel--hidden": "_contextPanel--hidden_if78k_7168",
-  "contextPanelWrapper": "_contextPanelWrapper_if78k_7176",
-  "contextPanelBody": "_contextPanelBody_if78k_7181",
-  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_if78k_7185",
-  "filters-list": "_filters-list_if78k_7192",
-  "col-drag-column-icon": "_col-drag-column-icon_if78k_7201",
-  "tabular-nums": "_tabular-nums_if78k_7205",
-  "ag-shake-left-to-right": "_ag-shake-left-to-right_if78k_369",
-  "spin": "_spin_if78k_1"
+  "contextPanel": "_contextPanel_1ern5_7159",
+  "contextPanel--hidden": "_contextPanel--hidden_1ern5_7168",
+  "contextPanelWrapper": "_contextPanelWrapper_1ern5_7176",
+  "contextPanelBody": "_contextPanelBody_1ern5_7181",
+  "contextPanel-stickyHeader": "_contextPanel-stickyHeader_1ern5_7185",
+  "filters-list": "_filters-list_1ern5_7192",
+  "col-drag-column-icon": "_col-drag-column-icon_1ern5_7201",
+  "tabular-nums": "_tabular-nums_1ern5_7205",
+  "ag-shake-left-to-right": "_ag-shake-left-to-right_1ern5_342",
+  "spin": "_spin_1ern5_1"
 };
 // src/CellRenderers/BooleanCell.tsx
@@ -55539,7 +55539,7 @@ var AutoGroupCellRenderer = (props) => {
 };
 // src/CellRenderers/rowActionsCellStyles.scss
-var css6 = `.ag-theme-alpine.ag-theme-alpine div.ag-cell[col-id=rowActions] {
+var css6 = `.data-table-container.ag-theme-alpine div.ag-cell[col-id=rowActions] {
   left: var(--viewport-width) !important;
   width: 0px !important;
   padding: 0px !important;
@@ -55549,23 +55549,23 @@ var css6 = `.ag-theme-alpine.ag-theme-alpine div.ag-cell[col-id=rowActions] {
   background: none;
   overflow: visible;
 }
-.ag-theme-alpine.ag-theme-alpine div.ag-cell[col-id=rowActions] .inline-nonedit-wrapper {
+.data-table-container.ag-theme-alpine div.ag-cell[col-id=rowActions] .inline-nonedit-wrapper {
   width: auto;
   height: 100%;
   padding: 0px 8px;
   position: absolute;
   right: 0px;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row-hover div.ag-cell[col-id=rowActions] .inline-nonedit-wrapper {
+.data-table-container.ag-theme-alpine .ag-row-hover div.ag-cell[col-id=rowActions] .inline-nonedit-wrapper {
   background: #f4f5f6;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row-focus div.ag-cell[col-id=rowActions] .inline-nonedit-wrapper {
+.data-table-container.ag-theme-alpine .ag-row-focus div.ag-cell[col-id=rowActions] .inline-nonedit-wrapper {
   background: #f6f9fe;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-row-hover .ag-cell[col-id=rowActions], .ag-theme-alpine.ag-theme-alpine .ag-row-focus .ag-cell[col-id=rowActions] {
+.data-table-container.ag-theme-alpine .ag-row-hover .ag-cell[col-id=rowActions], .data-table-container.ag-theme-alpine .ag-row-focus .ag-cell[col-id=rowActions] {
   visibility: visible;
 }
-.ag-theme-alpine.ag-theme-alpine .ag-cell[col-id=rowActions-pinned] {
+.data-table-container.ag-theme-alpine .ag-cell[col-id=rowActions-pinned] {
   background: "transparent";
   padding: 2px 8px !important;
 }`;
@@ -55847,9 +55847,9 @@ var DataTableCellRenderer = ({
   editorType,
   value,
   setValue,
+  columnApi,
   ...props
 }) => {
-  const { columnApi } = useInternalTableContext();
   const columnDefinition = transformToColumnDefinition(colDef);
   const validationOutput = colDef.valueValidator?.({
     data,
@@ -56308,35 +56308,35 @@ function isServerSideGroupSelectionState(value) {
 }
 // src/GenericHeader/genericHeader.scss
-var css7 = `.ag-header-cell .data-table-header-menu {
+var css7 = `.data-table-container .ag-header-cell .data-table-header-menu {
   opacity: 1;
 }
-.ag-header-cell .ag-checkbox.ag-header-select-all {
+.data-table-container .ag-header-cell .ag-checkbox.ag-header-select-all {
   display: none;
 }
-.ag-header-cell .checkbox {
+.data-table-container .ag-header-cell .checkbox {
   margin-right: 16px;
 }
-.ag-header-cell .ag-header-cell-comp-wrapper {
+.data-table-container .ag-header-cell .ag-header-cell-comp-wrapper {
   display: flex;
   height: 100%;
   width: 100%;
   flex-grow: 1;
   align-items: center;
 }
-.ag-header-cell .ag-header-cell-sortable, .ag-header-cell .ag-header-cell-label-container, .ag-header-cell .ag-header-cell-label {
+.data-table-container .ag-header-cell .ag-header-cell-sortable, .data-table-container .ag-header-cell .ag-header-cell-label-container, .data-table-container .ag-header-cell .ag-header-cell-label {
   display: flex;
   align-items: center;
   width: 100%;
 }
-.ag-header-cell .ag-header-cell-sortable {
+.data-table-container .ag-header-cell .ag-header-cell-sortable {
   justify-content: space-between;
   cursor: pointer;
 }
-.ag-header-cell .ag-header-cell-comp-wrapper {
+.data-table-container .ag-header-cell .ag-header-cell-comp-wrapper {
   display: flex;
 }
-.ag-header-cell .expand-button {
+.data-table-container .ag-header-cell .expand-button {
   display: flex;
   padding: 3px;
   width: 20px;
@@ -56347,12 +56347,12 @@ var css7 = `.ag-header-cell .data-table-header-menu {
   cursor: pointer;
   margin-right: 8px;
 }
-.ag-header-group-cell-with-group .ag-header-cell-comp-wrapper {
+.data-table-container .ag-header-group-cell-with-group .ag-header-cell-comp-wrapper {
   width: 100%;
   overflow: hidden;
   display: flex;
 }
-.ag-header-group-cell-with-group .expand-button {
+.data-table-container .ag-header-group-cell-with-group .expand-button {
   display: flex;
   padding: 3px;
   width: 20px;
@@ -56363,10 +56363,10 @@ var css7 = `.ag-header-cell .data-table-header-menu {
   cursor: pointer;
   margin-left: auto;
 }
-.auto-column-expand-tooltip-content {
+.data-table-container .auto-column-expand-tooltip-content {
   width: 96px;
 }
-.data-table-header-menu {
+.data-table-container .data-table-header-menu {
   transition: opacity 0.2s;
   opacity: 0;
 }`;
@@ -109218,7 +109218,7 @@ var Table = (props) => {
           width: "100%",
           maxHeight: props.maxHeight && tableHeight < props.maxHeight ? void 0 : props.maxHeight
         },
-        className: cx19("ag-theme-alpine", {
+        className: cx19("data-table-container", "ag-theme-alpine", {
           "ag-suppress-column-virtualization": suppressColumnVirtualisation
         }),
         ref: combinedRef,