ag-grid-community-rails 28.1.1.1

data/vendor/assets/javascripts/ag-grid-community/styles/ag-theme-base/sass/legacy/_ag-v22-to-v23-compatibility-mode.scss

@@ -0,0 +1,297 @@
+// Apply all 
+@mixin ag-v22-to-v23-compatibility-mode {
+    @if $ag-compatibility-mode == "legacy" {
+        @include ag-v22-to-v23-implement-deleted-variables();
+        @include ag-v22-to-v23-alias-deleted-placeholders();
+        @include ag-v22-to-v23-alias-renamed-classes();
+    }
+}
+
+@mixin ag-v22-to-v23-implement-deleted-variables {
+    // - $ag-group-component-*
+    .ag-group {
+        background-color: $ag-group-component-background-color;
+        border-color: $ag-group-component-border-color;
+    }
+    .ag-group-title-bar {
+        background-color: $ag-group-component-title-background-color;
+    }
+
+    // - $ag-tooltip-*
+    .ag-tooltip {
+        background-color: $ag-tooltip-background-color;
+        color: $ag-tooltip-foreground-color;
+        padding: $ag-tooltip-padding;
+        border: $ag-tooltip-border-style $ag-tooltip-border-width $ag-tooltip-border-color;
+        border-radius: $ag-tooltip-border-radius;
+        transition: opacity 1s;
+    }
+
+    // - $ag-dialog-*
+    .ag-panel {
+        // Note: $ag-dialog-background-color not applied. In practice it wasn't visible in v22
+        // because all elements within the panel had opaque backgrounds, and enabling it on v23
+        // causes issues as some elements are transparent
+        // background-color: $ag-dialog-background-color;
+        border: $ag-dialog-border-size $ag-dialog-border-style $ag-dialog-border-color;
+    }
+
+    .ag-panel-title-bar {
+        background-color: $ag-dialog-title-background-color;
+        border-bottom: 1px solid lighten($ag-border-color, 10%);
+        color: $ag-dialog-title-foreground-color;
+        height: $ag-dialog-title-height;
+        font-size: $ag-dialog-title-font-size;
+        font-weight: $ag-dialog-title-font-weight;
+        font-family: $ag-dialog-title-font-family;
+        padding: $ag-dialog-title-padding;
+        // overriding padding-left reproduces behaviour of v22
+        padding-left: $ag-cell-horizontal-padding;
+    }
+
+    .ag-panel-title-bar-button-icon {
+        height: $ag-dialog-title-icon-size;
+        width: $ag-dialog-title-icon-size;
+        line-height: $ag-dialog-title-icon-size;
+        font-size: $ag-dialog-title-icon-size;
+    }
+
+    // - $ag-font-weight
+    .ag-root-wrapper {
+        font-weight: $ag-font-weight;
+    }
+
+    // - $ag-secondary-font-*
+    .ag-header,
+    .ag-dnd-ghost,
+    .ag-filter-toolpanel,
+    .ag-column-drop-empty-message,
+    .ag-status-bar {
+        font-family: $ag-secondary-font-family;
+        font-size: $ag-secondary-font-size;
+        font-weight: $ag-secondary-font-weight;
+    }
+
+    @if global-variable-exists("ag-custom-icon-color-defined") and $ag-custom-icon-color-defined {
+        .ag-icon {
+            color: $ag-icon-color !important;
+        }
+    }
+
+    .ag-row {
+        border-width: $ag-row-border-width;
+    }
+}
+
+// Allow custom themes to use old placeholders instead of the new class name
+// selectors e.g. %tab instead of .ag-tab
+@mixin ag-v22-to-v23-alias-deleted-placeholders {
+    .ag-tab {
+        @extend %tab !optional;
+    }
+
+    .ag-tab-selected {
+        @extend %selected-tab !optional;
+    }
+
+    .ag-menu,
+    .ag-cell.ag-cell-inline-editing,
+    .ag-popup-editor,
+    .ag-select-agg-func-popup,
+    .ag-overlay-loading-center {
+        @extend %card !optional;
+    }
+
+    @if & {
+        &.ag-dnd-ghost {
+            @extend %card !optional;
+        }
+    }
+    @else {
+        @at-root {
+            .ag-dnd-ghost {
+                @extend %card !optional;
+            }
+        }
+    }
+}
+
+// Allow custom themes to use the old class names for various elements (e.g. use the old
+// .ag-group-component instead of the new .ag-group
+@mixin ag-v22-to-v23-alias-renamed-classes {
+    .ag-group {
+        @extend .ag-group-component !optional;
+    }
+    
+    .ag-group-title-bar {
+        @extend .ag-group-component-title-bar !optional;
+    }
+    
+    .ag-group-title-bar-icon {
+        @extend .ag-group-component-title-bar-icon !optional;
+    }
+    
+    .ag-group-title {
+        @extend .ag-group-component-title !optional;
+    }
+    
+    .ag-group-container {
+        @extend .ag-group-component-container !optional;
+    }
+    
+    .ag-group-toolbar {
+        @extend .ag-group-component-toolbar !optional;
+    }
+    
+    .ag-row-loading {
+        @extend .ag-row-stub !optional;
+    }
+    
+    .ag-column-drop-empty {
+        @extend .ag-faded !optional;
+    }
+    
+    .ag-group-item-alignment-stretch {
+        @extend .ag-alignment-stretch !optional;
+    }
+    
+    .ag-group-item-alignment-start {
+        @extend .ag-alignment-start !optional;
+    }
+    
+    .ag-group-item-alignment-end {
+        @extend .ag-alignment-end !optional;
+    }
+    
+    .ag-drag-handle {
+        @extend .ag-column-drag !optional;
+    }
+    
+    .ag-chart-settings-card-selector {
+        @extend .ag-nav-card-selector !optional;
+    }
+    
+    .ag-chart-settings-card-item {
+        @extend .ag-nav-card-item !optional;
+    }
+    
+    .ag-panel-title-bar {
+        @extend .ag-title-bar !optional;
+    }
+    
+    .ag-panel-title-bar-title {
+        @extend .ag-title-bar-title !optional;
+    }
+    
+    .ag-panel-title-bar-buttons {
+        @extend .ag-title-bar-buttons !optional;
+    }
+    
+    .ag-panel-title-bar-button {
+        @extend .ag-button !optional;
+    }
+    
+    .ag-cell-auto-height {
+        @extend .ag-cell-with-height !optional;
+    }
+    
+    .ag-status-name-value {
+        @extend .ag-name-value !optional;
+    }
+    
+    .ag-angle-select-parent-circle {
+        @extend .ag-parent-circle !optional;
+    }
+    
+    .ag-angle-select-child-circle {
+        @extend .ag-child-circle !optional;
+    }
+    
+    .ag-picker-field-button {
+        @extend .ag-picker-button !optional;
+    }
+    
+    .ag-spectrum-fill {
+        @extend .ag-fill !optional;
+    }
+    
+    .ag-spectrum-tool {
+        @extend .ag-hue-alpha !optional;
+    }
+    
+    .ag-tabs-header {
+        @extend .ag-tab-header !optional;
+    }
+    
+    .ag-tabs-body {
+        @extend .ag-tab-body !optional;
+    }
+    
+    .ag-chart-menu-tabs {
+        @extend .ag-chart-tabbed-menu !optional;
+    }
+    
+    .ag-column-select {
+        @extend .ag-column-select-panel !optional;
+    }
+    
+    .ag-column-select-header {
+        @extend .ag-primary-cols-header-panel !optional;
+    }
+    
+    .ag-column-select-header-filter {
+        @extend .ag-primary-cols-filter !optional;
+    }
+    
+    .ag-column-select-header-filter-wrapper {
+        @extend .ag-primary-cols-filter-wrapper !optional;
+    }
+    
+    .ag-column-select-list {
+        @extend .ag-primary-cols-list-panel !optional;
+    }
+    
+    .ag-loading {
+        @extend .ag-stub-cell !optional;
+    }
+    
+    .ag-column-select-column {
+        @extend .ag-column-tool-panel-column !optional;
+    }
+    
+    .ag-column-select-column-group {
+        @extend .ag-column-tool-panel-column-group !optional;
+    }
+    
+    .ag-column-select-column-label {
+        @extend .ag-column-tool-panel-column-label !optional;
+    }
+    
+    .ag-column-select-indent-1 {
+        @extend .ag-toolpanel-indent-1 !optional;
+    }
+    
+    .ag-column-select-indent-2 {
+        @extend .ag-toolpanel-indent-2 !optional;
+    }
+    
+    .ag-column-select-indent-3 {
+        @extend .ag-toolpanel-indent-3 !optional;
+    }
+    
+    .ag-column-select-indent-4 {
+        @extend .ag-toolpanel-indent-4 !optional;
+    }
+    
+    .ag-column-select-indent-5 {
+        @extend .ag-toolpanel-indent-5 !optional;
+    }
+    
+    .ag-column-select-add-group-indent {
+        @extend .ag-toolpanel-add-group-indent !optional;
+    }
+    
+    .ag-column-drop-horizontal-half-width {
+        @extend .ag-width-half !optional;
+    }    
+}

data/vendor/assets/javascripts/ag-grid-community/styles/ag-theme-base/sass/parts/_charts.scss

@@ -0,0 +1,112 @@
+@mixin ag-theme-base-part-charts {
+    .ag-chart-menu {
+        border-radius: ag-param(card-radius);
+        @include ag-color-property(background, background-color);
+    }
+
+    .ag-chart-menu-icon {
+        opacity: 0.5;
+        line-height: 24px;
+        font-size: 24px;
+        width: 24px;
+        height: 24px;
+        margin: 2px 0;
+        cursor: pointer;
+        border-radius: ag-param(card-radius);
+        @include ag-color-property(color, secondary-foreground-color);
+
+        &:hover {
+            opacity: 1;
+        }
+    }
+
+    .ag-chart-mini-thumbnail {
+        border: 1px solid;
+        @include ag-color-property(border-color, secondary-border-color);
+        border-radius: 5px;
+        margin: 5px;
+
+        // specific style to apply when there are 3 items in the row
+        &:nth-last-child(3),
+        &:nth-last-child(3) ~ .ag-chart-mini-thumbnail {
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        &:first-child {
+            @include ag-theme-rtl((margin-left: 0));
+        }
+
+        &:last-child {
+            @include ag-theme-rtl((margin-right: 0));
+        }
+
+        &.ag-selected {
+            @include ag-color-property(border-color, minichart-selected-chart-color);
+        }
+    }
+
+    .ag-chart-settings-card-item {
+        @include ag-color-property(background, foreground-color);
+        width: 8px;
+        height: 8px;
+        border-radius: 4px;
+
+        &.ag-selected {
+            @include ag-color-property(background-color, minichart-selected-page-color);
+        }
+    }
+
+    .ag-chart-data-column-drag-handle {
+        margin-left: ag-param(grid-size);
+    }
+
+    .ag-charts-settings-group-title-bar,
+    .ag-charts-data-group-title-bar,
+    .ag-charts-format-top-level-group-title-bar {
+        @include ag-border(secondary, top);
+    }
+
+    .ag-charts-settings-group-container {
+        padding: ag-param(grid-size);
+    }
+
+    .ag-charts-data-group-container {
+        padding: ag-param(widget-container-vertical-padding) * 0.5 ag-param(widget-container-horizontal-padding);
+
+        .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
+            height: ag-param(list-item-height);
+        }
+
+        @include ag-list-item-hovered();
+    }
+
+    .ag-charts-format-top-level-group-container {
+        margin-left: ag-param(grid-size) * 2;
+        padding: ag-param(grid-size);
+    }
+
+    .ag-charts-format-top-level-group-item {
+        margin: ag-param(grid-size) 0;
+    }
+
+    .ag-charts-format-sub-level-group-container {
+        @include ag-vertical-widget-container();
+    }
+
+    .ag-charts-group-container.ag-group-container-horizontal {
+        padding: ag-param(grid-size);
+    }
+
+    .ag-chart-data-section,
+    .ag-chart-format-section {
+        display: flex;
+        margin: 0;
+    }
+
+    .ag-chart-menu-panel {
+        @include ag-theme-rtl((border-left: solid 1px), $color-param: border-color);
+
+        @include ag-color-property(background-color, control-panel-background-color);
+    }
+}

data/vendor/assets/javascripts/ag-grid-community/styles/ag-theme-base/sass/parts/_column-drop.scss

@@ -0,0 +1,132 @@
+
+@mixin ag-theme-base-part-column-drop {
+
+    // CELL (SHARED)
+    .ag-column-drop-cell {
+        @include ag-color-property(background, chip-background-color);
+        border-radius: ag-param(grid-size) * 4;
+        height: ag-param(grid-size) * 4;
+        padding: 0 ag-param(grid-size) * 0.5;
+        border: 1px solid transparent;
+        cursor: pointer;
+    }
+
+    @include ag-keyboard-focus((ag-column-drop-cell), 2px);
+
+    .ag-column-drop-cell-text {
+        margin: 0 ag-param(grid-size);
+    }
+
+    .ag-column-drop-cell-button {
+        min-width: ag-param(grid-size) * 4;
+
+        margin: 0 ag-param(grid-size) * 0.5;
+        @include ag-color-property(color, secondary-foreground-color);
+    }
+    
+    .ag-column-drop-cell-drag-handle {
+        margin-left: ag-param(grid-size) * 2;
+    }
+
+    .ag-column-drop-cell-ghost {
+        opacity: 0.5;
+    }
+
+    // HORIZONTAL COLUMN DROP
+    
+    .ag-column-drop-horizontal {
+        @include ag-color-property(background-color, control-panel-background-color);
+        @include ag-color-property(color, secondary-foreground-color);
+        height: ag-param(row-height);
+        @include ag-border(primary, bottom);
+
+        @include ag-theme-rtl(( padding-left: ag-param(cell-horizontal-padding) ));
+    }
+    
+    .ag-column-drop-horizontal-half-width:not(:last-child) {
+        @if ag-param(borders) {
+            @include ag-theme-rtl((border-right: solid 1px), $color-param: border-color);
+        }
+    }
+
+    .ag-column-drop-horizontal-cell-separator {
+        margin: 0 ag-param(grid-size);
+        @include ag-color-property(color, secondary-foreground-color);
+    }
+
+    .ag-column-drop-horizontal-empty-message {
+        @include ag-color-property(color, disabled-foreground-color);
+    }
+
+    .ag-column-drop-horizontal-icon {
+        @include ag-theme-rtl(( margin-right: ag-param(cell-horizontal-padding) ));
+    }
+
+    // VERTICAL COLUMN DROP
+
+    .ag-column-drop-vertical-list {
+        padding-bottom: ag-param(grid-size);
+        padding-right: ag-param(grid-size);
+        padding-left: ag-param(grid-size);
+    }
+
+    .ag-column-drop-vertical-cell {
+        margin-top: ag-param(grid-size);
+    }
+
+    .ag-column-drop-vertical {
+        min-height: 50px;
+        
+        @include ag-border(secondary, bottom);
+        &.ag-last-column-drop {
+            @include ag-border(secondary, bottom, $none: true);
+        }
+    }
+
+    .ag-column-drop-vertical-icon {
+        margin-left: ag-param(grid-size);
+        margin-right: ag-param(grid-size);
+    }
+
+    .ag-column-drop-vertical-empty-message {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        overflow: hidden;
+        @include ag-color-property(color, disabled-foreground-color);
+        margin-top: ag-param(grid-size);
+    }
+
+    .ag-select-agg-func-popup {
+        @include ag-card();
+
+        @include ag-color-property(background, background-color);
+        height: ag-param(grid-size) * 5 * 3.5;
+        padding: 0;
+    }
+
+    .ag-select-agg-func-virtual-list-item {
+        cursor: default;
+        padding-left: ag-param(grid-size) * 2;
+
+        &:hover {
+            @include ag-color-property(background-color, selected-row-background-color);
+        }
+    }
+
+    @include ag-keyboard-focus((
+        ag-select-agg-func-virtual-list-item
+    ), 1px);
+
+
+    // column sort direction indicator
+    .ag-sort-indicator-container {
+        display: flex;
+    }
+
+    .ag-sort-indicator-icon {
+        @include ag-theme-rtl(( padding-left: ag-param(grid-size) ));
+    }
+}

data/vendor/assets/javascripts/ag-grid-community/styles/ag-theme-base/sass/parts/_columns-tool-panel.scss

@@ -0,0 +1,39 @@
+
+@mixin ag-theme-base-part-columns-tool-panel {
+    
+    .ag-pivot-mode-panel {
+        min-height: ag-param(header-height);
+        height: ag-param(header-height);
+        display: flex;
+    }
+
+    .ag-pivot-mode-select {
+        display: flex;
+        align-items: center;
+
+        @include ag-theme-rtl(( margin-left: ag-param(widget-container-horizontal-padding) ));
+    }
+
+    @include ag-keyboard-focus((ag-column-select-header), 4px);
+    
+    .ag-column-select-header {
+        height: ag-param(header-height);
+        align-items: center;
+        padding: 0 ag-param(widget-container-horizontal-padding);
+
+        @include ag-border(secondary, bottom);
+    }
+    
+    .ag-column-panel-column-select {
+        @include ag-border(secondary, (bottom, top));
+    }
+
+    .ag-column-group-icons,
+    .ag-column-select-header-icon {
+        @include ag-color-property(color, secondary-foreground-color);
+    }
+
+    .ag-column-select-list {
+        @include ag-list-item-hovered()
+    }
+}

data/vendor/assets/javascripts/ag-grid-community/styles/ag-theme-base/sass/parts/_date-time.scss

@@ -0,0 +1,20 @@
+@mixin ag-theme-base-part-date-time {
+
+    .ag-date-time-list-page-entry-is-padding {
+        // TODO apply padding style (greyed out) in theme css, using
+        // mixin like for ag-native-inputs()
+    }
+
+    .ag-date-time-list-page-title {
+        flex-grow: 1;
+        text-align: center;
+    }
+
+    .ag-date-time-list-page-column-label {
+        text-align: center;
+    }
+
+    .ag-date-time-list-page-entry {
+        text-align: center;
+    }
+}

data/vendor/assets/javascripts/ag-grid-community/styles/ag-theme-base/sass/parts/_filter-tool-panel.scss

@@ -0,0 +1,75 @@
+@mixin ag-theme-base-part-filter-tool-panel {
+    .ag-filter-toolpanel-header {
+        height: ag-param(grid-size) * 6;
+    }
+
+    .ag-filter-toolpanel-header,
+    .ag-filter-toolpanel-search {
+        @include ag-theme-rtl(( padding-left: ag-param(grid-size) ));
+    }
+
+    @include ag-keyboard-focus((ag-filter-toolpanel-header), 4px);
+
+    .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
+        @include ag-icon();
+        @include ag-theme-rtl(( padding-left: ag-param(grid-size) ));
+        content: ag-icon-char(filter);
+        position: absolute;
+    }
+
+    .ag-filter-toolpanel-group-level-0-header {
+        height: ag-param(grid-size) * 8;
+    }
+
+    .ag-filter-toolpanel-group-item {
+        margin-top: ag-param(grid-size) * 0.5;
+        margin-bottom: ag-param(grid-size) * 0.5;
+    }
+
+    .ag-filter-toolpanel-search {
+        height: ag-param(header-height);
+    }
+
+    .ag-filter-toolpanel-search-input {
+        flex-grow: 1;
+        height: ag-param(grid-size) * 4;
+        @include ag-theme-rtl(( margin-right: ag-param(grid-size) ));
+    }
+
+    .ag-filter-toolpanel-group-level-0 {
+        @include ag-border(secondary, top);
+    }
+
+    .ag-filter-toolpanel-expand,
+    .ag-filter-toolpanel-group-title-bar-icon {
+        @include ag-theme-rtl(( margin-right: ag-param(grid-size) ));
+    }
+
+    @for $i from 1 through 10 {
+        .ag-filter-toolpanel-group-level-#{$i} {
+            .ag-filter-toolpanel-group-level-#{$i}-header {
+                &.ag-filter-toolpanel-group-title-bar {
+                    background-color: transparent;
+                }
+            }
+            .ag-filter-toolpanel-group-level-#{$i + 1}-header {
+                @include ag-theme-rtl((
+                    padding-left: ag-param(filter-tool-panel-group-indent) * $i + ag-param(grid-size)
+                ));
+            }
+        }
+    }
+
+    .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
+        padding-left: ag-param(grid-size);
+    }
+
+    .ag-filter-toolpanel-instance-filter {
+        @include ag-border(primary, (top, bottom));
+        margin-top: ag-param(grid-size);
+    }
+
+    .ag-filter-toolpanel-instance-header-icon {
+        @include ag-theme-rtl((margin-left: ag-param(grid-size)));
+    }
+}