@adaptabletools/adaptable-react-aggrid 12.1.7 → 12.2.0-canary.0

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 (3) hide show
  1. package/base.css +127 -71
  2. package/index.css +145 -83
  3. package/package.json +2 -2
package/base.css CHANGED
@@ -1855,6 +1855,21 @@
1855
1855
  --ab-cmp-datepicker__font-size: var(--ab-font-size-2);
1856
1856
  --ab-cmp-datepicker__font-family: var(--ab__font-family);
1857
1857
  --ab-cmp-datepicker__cell-size: 30px; }
1858
+ :root {
1859
+ --ab-cmp-toggle-button__background: #ccc;
1860
+ --ab-cmp-toggle-button--active__background: var(--ab-color-success);
1861
+ --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
1862
+ --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
1863
+ --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
1864
+ :root {
1865
+ --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
1866
+ --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab__border-radius);
1867
+ --ab-cmp-module-module-selector__tab-item__width: 160px;
1868
+ --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
1869
+ --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
1870
+ --ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
1871
+ --ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
1872
+ --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground); }
1858
1873
  :root {
1859
1874
  --ab-cmp-loader__background: var(--ab-color-primarydark);
1860
1875
  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
@@ -1872,6 +1887,9 @@
1872
1887
  --ab-cmp-icon__fill: var(--ab-icon-fill);
1873
1888
  --ab-cmp-icon__height: 17px;
1874
1889
  --ab-cmp-icon__width: 17px; }
1890
+ :root {
1891
+ --ab-cmp-listgroupitem__padding: var(--ab-space-2);
1892
+ --ab-cmp-listgroupitem__margin: 0; }
1875
1893
  :root {
1876
1894
  --ab-cmp-wizard__padding: var(--ab-space-5);
1877
1895
  --ab-cmp-wizard__margin: var(--ab-space-1);
@@ -1902,55 +1920,6 @@
1902
1920
  --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
1903
1921
  --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
1904
1922
  --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
1905
- .ab-LayoutEditor {
1906
- overflow: auto;
1907
- display: grid;
1908
- padding: var(--ab-space-2);
1909
- flex: 1 1 0;
1910
- min-height: 0;
1911
- grid-template-columns: 28rem 1fr;
1912
- grid-template-rows: repeat(3, 1fr);
1913
- grid-column-gap: 0px;
1914
- grid-row-gap: 0px;
1915
- row-gap: var(--ab-space-2);
1916
- column-gap: var(--ab-space-2);
1917
- grid-gap: var(--ab-space-2); }
1918
- .ab-LayoutEditor,
1919
- .ab-LayoutEditor * {
1920
- box-sizing: border-box; }
1921
- .ab-LayoutEditor__ColumnList {
1922
- overflow: auto; }
1923
- .ab-LayoutEditor__ColumnListPanel {
1924
- grid-area: 1 / 1 / 4 / 2; }
1925
- .ab-LayoutEditor__ColumnSortListPanel {
1926
- grid-area: 1 / 2 / 2 / 3; }
1927
- .ab-LayoutEditor__RowGroupsListPanel {
1928
- grid-area: 2 / 2 / 3 / 3; }
1929
- .ab-LayoutEditor__PivotListPanel {
1930
- grid-area: 3 / 2 / 4 / 3; }
1931
- .ab-LayoutEditor__PivotList--empty,
1932
- .ab-LayoutEditor__RowGroupsList--empty,
1933
- .ab-LayoutEditor__ColumnSortList--empty {
1934
- display: flex;
1935
- flex-flow: column;
1936
- align-items: center;
1937
- justify-content: center; }
1938
- .ab-LayoutEditor__PivotList,
1939
- .ab-LayoutEditor__RowGroupsList,
1940
- .ab-LayoutEditor__ColumnSortList {
1941
- padding-top: var(--ab-space-2); }
1942
- .ab-LayoutEditor__PivotList__column,
1943
- .ab-LayoutEditor__RowGroupsList__column,
1944
- .ab-LayoutEditor__ColumnSortList__column,
1945
- .ab-LayoutEditor__ColumnList__column {
1946
- background: var(--ab-color-primary);
1947
- color: var(--ab-color-text-on-primary);
1948
- margin: 0 0 var(--ab-space-2) 0; }
1949
- .ab-LayoutEditor__PivotList__column,
1950
- .ab-LayoutEditor__RowGroupsList__column,
1951
- .ab-LayoutEditor__ColumnSortList__column {
1952
- padding-top: var(--ab-space-2);
1953
- padding-bottom: var(--ab-space-2); }
1954
1923
  :root {
1955
1924
  --ab-cmp-popover__border-radius: var(--ab__border-radius);
1956
1925
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
@@ -2074,6 +2043,12 @@
2074
2043
  );
2075
2044
  --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
2076
2045
  --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
2046
+ .ab-PermitedValuesSelector__PopupContent {
2047
+ z-index: 1000;
2048
+ font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
2049
+ border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
2050
+ background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
2051
+ padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
2077
2052
  .ab-Radio-input:focus + svg rect {
2078
2053
  stroke: var(--ab-color-accent);
2079
2054
  stroke-width: 2; }
@@ -2232,11 +2207,18 @@
2232
2207
  color: var(--ab-cmp-dropdown__color) !important; }
2233
2208
  .ab-DropdownButton {
2234
2209
  position: relative;
2210
+ overflow: visible;
2211
+ outline: none;
2235
2212
  --ab-overlay-horizontal-align: left; }
2236
2213
  .ab-DropdownButton__list {
2237
2214
  text-align: start;
2238
2215
  padding: var(--ab-space-1) 0;
2239
- box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow); }
2216
+ box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
2217
+ overflow: auto;
2218
+ border: var(--ab-cmp-dropdownbutton-list__border);
2219
+ borderradius: var(--ab-cmp-dropdownbutton-list__border-radius);
2220
+ zindex: var(--ab-cmp-dropdownbutton-list__z-index);
2221
+ background: var(--ab-cmp-dropdownbutton-list__background); }
2240
2222
  .ab-DropdownButton__content {
2241
2223
  font-family: var(--ab__font-family);
2242
2224
  font-size: var(--ab-font-size-2);
@@ -2260,9 +2242,20 @@
2260
2242
  .ab-DropdownButton__separator td {
2261
2243
  border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border); }
2262
2244
  .ab-EmptyContent {
2263
- text-align: center; }
2245
+ position: absolute;
2246
+ top: 0;
2247
+ bottom: 0;
2248
+ left: 0;
2249
+ right: 0;
2250
+ font-size: var(--ab-font-size-3);
2251
+ text-align: center;
2252
+ padding: var(--ab-space-4); }
2264
2253
  .ab-EmptyContent p {
2265
2254
  color: var(--ab-color-text-on-primary); }
2255
+ .ab-EmptyContent__wrapper {
2256
+ position: relative;
2257
+ width: 100%;
2258
+ height: 100%; }
2266
2259
  .ab-ErrorBox {
2267
2260
  padding: var(--ab-cmp-error-box__padding);
2268
2261
  border-radius: var(--ab-cmp-error-box__border-radius);
@@ -2833,12 +2826,6 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2833
2826
  display: none; }
2834
2827
  .ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
2835
2828
  display: table-cell; }
2836
- :root {
2837
- --ab-cmp-toggle-button__background: #ccc;
2838
- --ab-cmp-toggle-button--active__background: var(--ab-color-success);
2839
- --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
2840
- --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
2841
- --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
2842
2829
  .ab-ToggleButton {
2843
2830
  position: relative;
2844
2831
  display: inline-block;
@@ -2944,6 +2931,43 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2944
2931
  display: inline-flex;
2945
2932
  font-size: var(--ab-cmp-Tag__font-size);
2946
2933
  max-width: 100%; }
2934
+ .ab-ModuleSelector__TabItem {
2935
+ display: flex;
2936
+ flex-direction: column;
2937
+ box-sizing: border-box;
2938
+ margin-right: var(--ab-space-2);
2939
+ width: var(--ab-cmp-module-module-selector__tab-item__width);
2940
+ border: var(--ab-cmp-module-module-selector__tab-item__border);
2941
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius); }
2942
+ .ab-ModuleSelector__TabItem__header {
2943
+ display: flex;
2944
+ align-items: center;
2945
+ padding: var(--ab-space-1);
2946
+ border-bottom: var(--ab-cmp-module-module-selector__tab-item__border); }
2947
+ .ab-ModuleSelector__TabItem__header-input {
2948
+ flex: 1;
2949
+ width: 100%;
2950
+ margin-left: var(--ab-space-1);
2951
+ margin-right: var(--ab-space-1);
2952
+ align-self: stretch;
2953
+ background: transparent;
2954
+ border: none;
2955
+ color: var(--ab-cmp-module-module-selector__tab-item__header-input__color); }
2956
+ .ab-ModuleSelector__ToolbarList {
2957
+ flex: 1;
2958
+ padding: 4px;
2959
+ padding-bottom: 0;
2960
+ min-height: 200px; }
2961
+ .ab-ModuleSelector__ToolbarItem {
2962
+ border: var(--ab-cmp-module-module-selector__toolbar-item__border);
2963
+ padding-left: var(--ab-space-1);
2964
+ margin-bottom: var(--ab-space-1); }
2965
+ .ab-ModuleSelector__UnusedPanel {
2966
+ margin-bottom: var(--ab-space-2);
2967
+ padding-bottom: var(--ab-space-1);
2968
+ border: var(--ab-cmp-module-selector__unused-panel__border);
2969
+ border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
2970
+ background-color: var(--ab-cmp-module-selector__unused-panel__background); }
2947
2971
  .ab-AdaptableOptions {
2948
2972
  background: var(--ab-cmp-adaptable-options__background-color); }
2949
2973
  .ab-GridOptions {
@@ -2959,6 +2983,9 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2959
2983
  background: var(--ab-cmp-listgroupitem--odd__background);
2960
2984
  color: var(--ab-cmp-listgroupitem--odd__color); }
2961
2985
  .ab-AdaptableObjectRow {
2986
+ align-items: center;
2987
+ padding: var(--ab-cmp-listgroupitem__padding);
2988
+ margin: var(--ab-cmp-listgroupitem__margin);
2962
2989
  background: var(--ab-cmp-listgroupitem__background);
2963
2990
  color: var(--ab-cmp-listgroupitem__color);
2964
2991
  border-radius: var(--ab-cmp-listgroupitem__border-radius); }
@@ -3013,17 +3040,21 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3013
3040
  left: 50%;
3014
3041
  bottom: -10px;
3015
3042
  transform: translate3d(-5px, 0px, 0px); }
3016
- .ab-nocode-wizard {
3043
+ .ab-NocodeWizard {
3017
3044
  padding: var(--ab-cmp-wizard__padding);
3018
3045
  margin: var(--ab-cmp-wizard__margin);
3019
3046
  background: var(--ab-cmp-wizard__background);
3020
3047
  color: var(--ab-cmp-wizard__color);
3021
3048
  height: 100%; }
3022
- .ab-nocode-wizard,
3023
- .ab-nocode-wizard *,
3024
- .ab-nocode-wizard *:before,
3025
- .ab-nocode-wizard *:after {
3049
+ .ab-NocodeWizard,
3050
+ .ab-NocodeWizard *,
3051
+ .ab-NocodeWizard *:before,
3052
+ .ab-NocodeWizard *:after {
3026
3053
  box-sizing: border-box; }
3054
+ .ab-NocodeWizardFormBox {
3055
+ border: 1px solid var(--ab-color-primarydark);
3056
+ border-radius: var(--ab__border-radius);
3057
+ background-color: var(--ab-color-defaultbackground); }
3027
3058
  .ab-AvailableDropZone .placeholder,
3028
3059
  .ab-SelectedDropZone .placeholder {
3029
3060
  width: 100%; }
@@ -3132,18 +3163,20 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3132
3163
  .ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
3133
3164
  padding: var(--ab-cmp-adaptable-popup--settings__padding);
3134
3165
  min-width: 0; }
3166
+ .ab-Adaptable-Popup__Panel {
3167
+ width: 100%; }
3135
3168
  .ab-Adaptable-Popup__Panel__Header {
3136
- display: flex;
3137
- padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
3138
- margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
3139
- margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
3169
+ display: flex;
3170
+ padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
3171
+ margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
3172
+ margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
3140
3173
  .ab-Adaptable-Popup__Panel__Header__Title {
3141
- font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
3174
+ font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
3142
3175
  .ab-Adaptable-Popup__Panel__Body {
3143
- padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
3144
- flex: 1 1 0;
3145
- min-height: 0;
3146
- overflow: auto; }
3176
+ padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
3177
+ flex: 1 1 0;
3178
+ min-height: 0;
3179
+ overflow: auto; }
3147
3180
  .ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
3148
3181
  cursor: move; }
3149
3182
  .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
@@ -3238,6 +3271,29 @@ button.ab-StatusBar__SubPanel:hover {
3238
3271
  .ab-Layout-Wizard__ColumnRow__Input {
3239
3272
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
3240
3273
  width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
3274
+ :root {
3275
+ --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
3276
+ --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
3277
+ --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
3278
+ --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
3279
+ .ab-ValueSelector {
3280
+ overflow: hidden; }
3281
+ .ab-ValueSelector__option {
3282
+ border-radius: 'var(--ab__border-radius)'; }
3283
+ .ab-ValueSelector__show-selected-only-checkbox {
3284
+ position: sticky;
3285
+ top: 0;
3286
+ z-index: 10000; }
3287
+ .ab-ValueSelector__show-selected-only-checkbox__text {
3288
+ position: absolute;
3289
+ top: 2px;
3290
+ right: 4px;
3291
+ overflow: hidden;
3292
+ border-radius: var(--ab__border-radius);
3293
+ margin-right: var(--ab-space-1);
3294
+ margin-top: var(--ab-space-1);
3295
+ padding: 0 var(--ab-space-2);
3296
+ font-size: var(--ab-font-size-2); }
3241
3297
  .ab-alert--error {
3242
3298
  background: var(--ab-color-error); }
3243
3299
  .ab-alert--success {
package/index.css CHANGED
@@ -2544,6 +2544,23 @@ template {
2544
2544
  --ab-cmp-datepicker__font-family: var(--ab__font-family);
2545
2545
  --ab-cmp-datepicker__cell-size: 30px; }
2546
2546
 
2547
+ :root {
2548
+ --ab-cmp-toggle-button__background: #ccc;
2549
+ --ab-cmp-toggle-button--active__background: var(--ab-color-success);
2550
+ --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
2551
+ --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
2552
+ --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
2553
+
2554
+ :root {
2555
+ --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
2556
+ --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab__border-radius);
2557
+ --ab-cmp-module-module-selector__tab-item__width: 160px;
2558
+ --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
2559
+ --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
2560
+ --ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
2561
+ --ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
2562
+ --ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground); }
2563
+
2547
2564
  :root {
2548
2565
  --ab-cmp-loader__background: var(--ab-color-primarydark);
2549
2566
  --ab-cmp-loader__border: var(--ab-color-text-on-primary);
@@ -2564,6 +2581,10 @@ template {
2564
2581
  --ab-cmp-icon__height: 17px;
2565
2582
  --ab-cmp-icon__width: 17px; }
2566
2583
 
2584
+ :root {
2585
+ --ab-cmp-listgroupitem__padding: var(--ab-space-2);
2586
+ --ab-cmp-listgroupitem__margin: 0; }
2587
+
2567
2588
  :root {
2568
2589
  --ab-cmp-wizard__padding: var(--ab-space-5);
2569
2590
  --ab-cmp-wizard__margin: var(--ab-space-1);
@@ -2598,66 +2619,6 @@ template {
2598
2619
  --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
2599
2620
  --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding); }
2600
2621
 
2601
- .ab-LayoutEditor {
2602
- overflow: auto;
2603
- display: grid;
2604
- padding: var(--ab-space-2);
2605
- flex: 1 1 0;
2606
- min-height: 0;
2607
- grid-template-columns: 28rem 1fr;
2608
- grid-template-rows: repeat(3, 1fr);
2609
- grid-column-gap: 0px;
2610
- grid-row-gap: 0px;
2611
- row-gap: var(--ab-space-2);
2612
- column-gap: var(--ab-space-2);
2613
- grid-gap: var(--ab-space-2); }
2614
-
2615
- .ab-LayoutEditor,
2616
- .ab-LayoutEditor * {
2617
- box-sizing: border-box; }
2618
-
2619
- .ab-LayoutEditor__ColumnList {
2620
- overflow: auto; }
2621
-
2622
- .ab-LayoutEditor__ColumnListPanel {
2623
- grid-area: 1 / 1 / 4 / 2; }
2624
-
2625
- .ab-LayoutEditor__ColumnSortListPanel {
2626
- grid-area: 1 / 2 / 2 / 3; }
2627
-
2628
- .ab-LayoutEditor__RowGroupsListPanel {
2629
- grid-area: 2 / 2 / 3 / 3; }
2630
-
2631
- .ab-LayoutEditor__PivotListPanel {
2632
- grid-area: 3 / 2 / 4 / 3; }
2633
-
2634
- .ab-LayoutEditor__PivotList--empty,
2635
- .ab-LayoutEditor__RowGroupsList--empty,
2636
- .ab-LayoutEditor__ColumnSortList--empty {
2637
- display: flex;
2638
- flex-flow: column;
2639
- align-items: center;
2640
- justify-content: center; }
2641
-
2642
- .ab-LayoutEditor__PivotList,
2643
- .ab-LayoutEditor__RowGroupsList,
2644
- .ab-LayoutEditor__ColumnSortList {
2645
- padding-top: var(--ab-space-2); }
2646
-
2647
- .ab-LayoutEditor__PivotList__column,
2648
- .ab-LayoutEditor__RowGroupsList__column,
2649
- .ab-LayoutEditor__ColumnSortList__column,
2650
- .ab-LayoutEditor__ColumnList__column {
2651
- background: var(--ab-color-primary);
2652
- color: var(--ab-color-text-on-primary);
2653
- margin: 0 0 var(--ab-space-2) 0; }
2654
-
2655
- .ab-LayoutEditor__PivotList__column,
2656
- .ab-LayoutEditor__RowGroupsList__column,
2657
- .ab-LayoutEditor__ColumnSortList__column {
2658
- padding-top: var(--ab-space-2);
2659
- padding-bottom: var(--ab-space-2); }
2660
-
2661
2622
  :root {
2662
2623
  --ab-cmp-popover__border-radius: var(--ab__border-radius);
2663
2624
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
@@ -2798,6 +2759,13 @@ template {
2798
2759
  --ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
2799
2760
  --ab-cmp-adaptable-layout-wizard-column-input__width: 100%; }
2800
2761
 
2762
+ .ab-PermitedValuesSelector__PopupContent {
2763
+ z-index: 1000;
2764
+ font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
2765
+ border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
2766
+ background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
2767
+ padding: var(--ab-cmp-adaptable-permitted-values-selector__padding); }
2768
+
2801
2769
  .ab-Radio-input:focus + svg rect {
2802
2770
  stroke: var(--ab-color-accent);
2803
2771
  stroke-width: 2; }
@@ -2987,12 +2955,19 @@ template {
2987
2955
 
2988
2956
  .ab-DropdownButton {
2989
2957
  position: relative;
2958
+ overflow: visible;
2959
+ outline: none;
2990
2960
  --ab-overlay-horizontal-align: left; }
2991
2961
 
2992
2962
  .ab-DropdownButton__list {
2993
2963
  text-align: start;
2994
2964
  padding: var(--ab-space-1) 0;
2995
- box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow); }
2965
+ box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
2966
+ overflow: auto;
2967
+ border: var(--ab-cmp-dropdownbutton-list__border);
2968
+ borderradius: var(--ab-cmp-dropdownbutton-list__border-radius);
2969
+ zindex: var(--ab-cmp-dropdownbutton-list__z-index);
2970
+ background: var(--ab-cmp-dropdownbutton-list__background); }
2996
2971
 
2997
2972
  .ab-DropdownButton__content {
2998
2973
  font-family: var(--ab__font-family);
@@ -3024,11 +2999,23 @@ template {
3024
2999
  border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border); }
3025
3000
 
3026
3001
  .ab-EmptyContent {
3027
- text-align: center; }
3002
+ position: absolute;
3003
+ top: 0;
3004
+ bottom: 0;
3005
+ left: 0;
3006
+ right: 0;
3007
+ font-size: var(--ab-font-size-3);
3008
+ text-align: center;
3009
+ padding: var(--ab-space-4); }
3028
3010
 
3029
3011
  .ab-EmptyContent p {
3030
3012
  color: var(--ab-color-text-on-primary); }
3031
3013
 
3014
+ .ab-EmptyContent__wrapper {
3015
+ position: relative;
3016
+ width: 100%;
3017
+ height: 100%; }
3018
+
3032
3019
  .ab-ErrorBox {
3033
3020
  padding: var(--ab-cmp-error-box__padding);
3034
3021
  border-radius: var(--ab-cmp-error-box__border-radius);
@@ -3745,13 +3732,6 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3745
3732
  .ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
3746
3733
  display: table-cell; }
3747
3734
 
3748
- :root {
3749
- --ab-cmp-toggle-button__background: #ccc;
3750
- --ab-cmp-toggle-button--active__background: var(--ab-color-success);
3751
- --ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
3752
- --ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
3753
- --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight); }
3754
-
3755
3735
  .ab-ToggleButton {
3756
3736
  position: relative;
3757
3737
  display: inline-block;
@@ -3878,6 +3858,49 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3878
3858
  font-size: var(--ab-cmp-Tag__font-size);
3879
3859
  max-width: 100%; }
3880
3860
 
3861
+ .ab-ModuleSelector__TabItem {
3862
+ display: flex;
3863
+ flex-direction: column;
3864
+ box-sizing: border-box;
3865
+ margin-right: var(--ab-space-2);
3866
+ width: var(--ab-cmp-module-module-selector__tab-item__width);
3867
+ border: var(--ab-cmp-module-module-selector__tab-item__border);
3868
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius); }
3869
+
3870
+ .ab-ModuleSelector__TabItem__header {
3871
+ display: flex;
3872
+ align-items: center;
3873
+ padding: var(--ab-space-1);
3874
+ border-bottom: var(--ab-cmp-module-module-selector__tab-item__border); }
3875
+
3876
+ .ab-ModuleSelector__TabItem__header-input {
3877
+ flex: 1;
3878
+ width: 100%;
3879
+ margin-left: var(--ab-space-1);
3880
+ margin-right: var(--ab-space-1);
3881
+ align-self: stretch;
3882
+ background: transparent;
3883
+ border: none;
3884
+ color: var(--ab-cmp-module-module-selector__tab-item__header-input__color); }
3885
+
3886
+ .ab-ModuleSelector__ToolbarList {
3887
+ flex: 1;
3888
+ padding: 4px;
3889
+ padding-bottom: 0;
3890
+ min-height: 200px; }
3891
+
3892
+ .ab-ModuleSelector__ToolbarItem {
3893
+ border: var(--ab-cmp-module-module-selector__toolbar-item__border);
3894
+ padding-left: var(--ab-space-1);
3895
+ margin-bottom: var(--ab-space-1); }
3896
+
3897
+ .ab-ModuleSelector__UnusedPanel {
3898
+ margin-bottom: var(--ab-space-2);
3899
+ padding-bottom: var(--ab-space-1);
3900
+ border: var(--ab-cmp-module-selector__unused-panel__border);
3901
+ border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
3902
+ background-color: var(--ab-cmp-module-selector__unused-panel__background); }
3903
+
3881
3904
  .ab-AdaptableOptions {
3882
3905
  background: var(--ab-cmp-adaptable-options__background-color); }
3883
3906
 
@@ -3899,6 +3922,9 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
3899
3922
  color: var(--ab-cmp-listgroupitem--odd__color); }
3900
3923
 
3901
3924
  .ab-AdaptableObjectRow {
3925
+ align-items: center;
3926
+ padding: var(--ab-cmp-listgroupitem__padding);
3927
+ margin: var(--ab-cmp-listgroupitem__margin);
3902
3928
  background: var(--ab-cmp-listgroupitem__background);
3903
3929
  color: var(--ab-cmp-listgroupitem__color);
3904
3930
  border-radius: var(--ab-cmp-listgroupitem__border-radius); }
@@ -3965,19 +3991,24 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3965
3991
  bottom: -10px;
3966
3992
  transform: translate3d(-5px, 0px, 0px); }
3967
3993
 
3968
- .ab-nocode-wizard {
3994
+ .ab-NocodeWizard {
3969
3995
  padding: var(--ab-cmp-wizard__padding);
3970
3996
  margin: var(--ab-cmp-wizard__margin);
3971
3997
  background: var(--ab-cmp-wizard__background);
3972
3998
  color: var(--ab-cmp-wizard__color);
3973
3999
  height: 100%; }
3974
4000
 
3975
- .ab-nocode-wizard,
3976
- .ab-nocode-wizard *,
3977
- .ab-nocode-wizard *:before,
3978
- .ab-nocode-wizard *:after {
4001
+ .ab-NocodeWizard,
4002
+ .ab-NocodeWizard *,
4003
+ .ab-NocodeWizard *:before,
4004
+ .ab-NocodeWizard *:after {
3979
4005
  box-sizing: border-box; }
3980
4006
 
4007
+ .ab-NocodeWizardFormBox {
4008
+ border: 1px solid var(--ab-color-primarydark);
4009
+ border-radius: var(--ab__border-radius);
4010
+ background-color: var(--ab-color-defaultbackground); }
4011
+
3981
4012
  .ab-AvailableDropZone .placeholder,
3982
4013
  .ab-SelectedDropZone .placeholder {
3983
4014
  width: 100%; }
@@ -4118,20 +4149,23 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
4118
4149
  padding: var(--ab-cmp-adaptable-popup--settings__padding);
4119
4150
  min-width: 0; }
4120
4151
 
4152
+ .ab-Adaptable-Popup__Panel {
4153
+ width: 100%; }
4154
+
4121
4155
  .ab-Adaptable-Popup__Panel__Header {
4122
- display: flex;
4123
- padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
4124
- margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
4125
- margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
4156
+ display: flex;
4157
+ padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
4158
+ margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
4159
+ margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top); }
4126
4160
 
4127
4161
  .ab-Adaptable-Popup__Panel__Header__Title {
4128
- font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
4162
+ font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size); }
4129
4163
 
4130
4164
  .ab-Adaptable-Popup__Panel__Body {
4131
- padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
4132
- flex: 1 1 0;
4133
- min-height: 0;
4134
- overflow: auto; }
4165
+ padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
4166
+ flex: 1 1 0;
4167
+ min-height: 0;
4168
+ overflow: auto; }
4135
4169
 
4136
4170
  .ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
4137
4171
  cursor: move; }
@@ -4258,6 +4292,34 @@ button.ab-StatusBar__SubPanel:hover {
4258
4292
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
4259
4293
  width: var(--ab-cmp-adaptable-layout-wizard-column-input__width); }
4260
4294
 
4295
+ :root {
4296
+ --ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
4297
+ --ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
4298
+ --ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
4299
+ --ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1); }
4300
+
4301
+ .ab-ValueSelector {
4302
+ overflow: hidden; }
4303
+
4304
+ .ab-ValueSelector__option {
4305
+ border-radius: 'var(--ab__border-radius)'; }
4306
+
4307
+ .ab-ValueSelector__show-selected-only-checkbox {
4308
+ position: sticky;
4309
+ top: 0;
4310
+ z-index: 10000; }
4311
+
4312
+ .ab-ValueSelector__show-selected-only-checkbox__text {
4313
+ position: absolute;
4314
+ top: 2px;
4315
+ right: 4px;
4316
+ overflow: hidden;
4317
+ border-radius: var(--ab__border-radius);
4318
+ margin-right: var(--ab-space-1);
4319
+ margin-top: var(--ab-space-1);
4320
+ padding: 0 var(--ab-space-2);
4321
+ font-size: var(--ab-font-size-2); }
4322
+
4261
4323
  .ab-alert--error {
4262
4324
  background: var(--ab-color-error); }
4263
4325
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adaptabletools/adaptable-react-aggrid",
3
- "version": "12.1.7",
3
+ "version": "12.2.0-canary.0",
4
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",
5
5
  "keywords": [],
6
6
  "license": "contact sales@adaptabletools.com for details",
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "dependencies": {
21
21
  "tslib": "^2.0.0",
22
- "@adaptabletools/adaptable": "12.1.7"
22
+ "@adaptabletools/adaptable": "12.2.0-canary.0"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@ag-grid-community/all-modules": ">=27.3.0",