@gridsuite/commons-ui 0.55.0 → 0.57.0

package/dist/assets/criteria-based-filter-edition-dialog.css

@@ -0,0 +1,168 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+/* Fork from react-querybuilder/dist/query-builder.css */
+.ruleGroup {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.5rem;
+    border-color: #969696;
+    border-style: solid;
+    border-radius: 0.25rem;
+    border-width: 1px;
+    background: rgba(119, 119, 119, 0.3);
+}
+
+.ruleGroup .ruleGroup-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.ruleGroup .ruleGroup-body:empty {
+    display: none;
+}
+
+.ruleGroup .ruleGroup-header,
+.ruleGroup .rule {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+}
+
+.ruleGroup .rule .rule-value:has(.rule-value-list-item) {
+    display: flex;
+    gap: 0.5rem;
+    align-items: baseline;
+}
+
+/* Align all the fields and operators by setting a min-width */
+.rule-fields {
+    min-width: 330px;
+}
+
+.rule-operators {
+    min-width: 160px;
+}
+
+.queryBuilder-branches .ruleGroup-body {
+    margin-left: calc(2 * 0.5rem);
+}
+
+.queryBuilder-branches .rule,
+.queryBuilder-branches .ruleGroup .ruleGroup {
+    position: relative;
+}
+
+.queryBuilder-branches .rule::before, .queryBuilder-branches .rule::after,
+.queryBuilder-branches .ruleGroup .ruleGroup::before,
+.queryBuilder-branches .ruleGroup .ruleGroup::after {
+    content: "";
+    width: 0.5rem;
+    left: calc(-0.5rem - 1px);
+    border-color: #969696;
+    border-style: solid;
+    border-radius: 0;
+    position: absolute;
+}
+
+.queryBuilder-branches .rule::before,
+.queryBuilder-branches .ruleGroup .ruleGroup::before {
+    top: -0.5rem;
+    height: calc(50% + 0.5rem);
+    border-width: 0 0 1px 1px;
+}
+
+.queryBuilder-branches .rule:last-child::before,
+.queryBuilder-branches .ruleGroup .ruleGroup:last-child::before {
+    border-bottom-left-radius: 0.25rem;
+}
+
+.queryBuilder-branches .rule::after,
+.queryBuilder-branches .ruleGroup .ruleGroup::after {
+    top: 50%;
+    height: 50%;
+    border-width: 0 0 0 1px;
+}
+
+.queryBuilder-branches .rule:last-child::after,
+.queryBuilder-branches .ruleGroup .ruleGroup:last-child::after {
+    display: none;
+}
+
+.queryBuilder-branches .ruleGroup .ruleGroup::before, .queryBuilder-branches .ruleGroup .ruleGroup::after {
+    left: calc(calc(-0.5rem - 1px) - 1px);
+}
+
+.queryBuilder-branches .ruleGroup .ruleGroup::before {
+    top: calc(-0.5rem - 1px);
+    height: calc(50% + 0.5rem + 1px);
+}
+
+.queryBuilder-branches .ruleGroup .ruleGroup::after {
+    height: calc(50% + 1px);
+}
+
+/* Justify layout */
+.queryBuilder .ruleGroup-remove,
+.queryBuilder .rule-remove {
+    margin-left: auto;
+}
+
+/* Query validation*/
+.queryBuilder .ruleGroup.queryBuilder-invalid .add-button {
+    font-weight: bold !important;
+    color: #ba000d;
+}
+
+.queryBuilder .rule.queryBuilder-invalid .rule-value::before {
+    border-bottom: 2px solid #ba000d;
+}
+
+.queryBuilder .rule.queryBuilder-invalid .rule-value::after {
+    border-bottom: 2px solid #ba000d;
+}
+
+.queryBuilder {
+    overflow: auto;
+    max-height: 600px;
+}
+
+/* DnD section, copied from original, just 'border-bottom-color: lightgrey' change */
+[data-inlinecombinators=disabled] .dndOver.rule, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header {
+    border-bottom-width: 2px;
+    border-bottom-style: dashed;
+    border-bottom-color: lightgrey;
+    padding-bottom: 0.5rem;
+}
+
+[data-inlinecombinators=disabled] .dndOver.rule.dndCopy, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header.dndCopy {
+    border-bottom-color: #669933;
+}
+
+[data-inlinecombinators=enabled] .dndOver.rule:last-child, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules, [data-inlinecombinators=enabled] .dndOver.betweenRules {
+    border-bottom-width: 2px;
+    border-bottom-style: dashed;
+    border-bottom-color: lightgrey;
+    padding-bottom: 0.5rem;
+}
+
+[data-inlinecombinators=enabled] .dndOver.rule:last-child.dndCopy, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header.dndCopy, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules.dndCopy, [data-inlinecombinators=enabled] .dndOver.betweenRules.dndCopy {
+    border-bottom-color: #669933;
+}
+
+.ruleGroup.dndDragging,
+.rule.dndDragging {
+    opacity: 0.5;
+}
+
+.ruleGroup .queryBuilder-dragHandle,
+.rule .queryBuilder-dragHandle {
+    cursor: move;
+}
+
+/* end DnD section */