@gooddata/sdk-ui-ext 11.53.0-alpha.0 → 11.53.0-alpha.2

package/styles/internal/css/conditional_formatting.css

@@ -35,6 +35,10 @@
   margin-bottom: 5px;
 }
 
+.gd-cf-section__semantic {
+  margin-top: 10px;
+}
+
 .gd-cf-select__option {
   height: 28px;
 }
@@ -160,6 +164,23 @@
   opacity: 1;
 }
 
+.gd-cf-rule--semantic {
+  border: 1px dashed var(--gd-palette-complementary-3);
+}
+.gd-cf-rule--semantic:hover {
+  margin-left: 0;
+  padding-left: 8px;
+  background: none;
+  box-shadow: none;
+}
+.gd-cf-rule--semantic .gd-cf-rule__title {
+  color: var(--gd-palette-complementary-6);
+}
+
+.gd-cf-rule__view {
+  flex: 0 0 auto;
+}
+
 .gd-cf-section__anchor {
   display: block;
   width: 0;
@@ -209,6 +230,37 @@
 .gd-cf-dialog__add-condition {
   align-self: flex-start;
 }
+.gd-cf-dialog__static-target {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.gd-cf-dialog__static-target-title {
+  overflow: hidden;
+  color: var(--gd-palette-complementary-8);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gd-cf-dialog__target-picker, .gd-cf-dialog__editable {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.gd-cf-dialog__target-picker:disabled, .gd-cf-dialog__editable:disabled {
+  pointer-events: none;
+}
+.gd-cf-dialog__editable {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.gd-cf-dialog__editable--readonly .gd-cf-condition__delete,
+.gd-cf-dialog__editable--readonly .gd-cf-reorder__handle,
+.gd-cf-dialog__editable--readonly .gd-cf-dialog__add-condition {
+  display: none;
+}
 .gd-cf-dialog__footer {
   display: flex;
   flex: 0 0 auto;
@@ -266,6 +318,13 @@
   display: flex;
   gap: 5px;
 }
+.gd-cf-condition__raw-value {
+  overflow: hidden;
+  color: var(--gd-palette-complementary-7);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .gd-cf-condition__error {
   color: var(--gd-palette-error-base);
   font-size: 11px;

package/styles/internal/css/conditional_formatting.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/conditional_formatting.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACI;;;AAKR;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAaJ;EACI;EACA;EACA;EACA;EACA;EACA,YACI;;AAKJ;EACI;EACA;EACA;;AAKJ;EA3BA;EACA;EACA,YACI;EA2BA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAGJ;EAEI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;;AAMJ;EACI;;AAGJ;EACI;EACA;;AAKJ;EAlLA;EACA;EACA,YACI;EAkLA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAMR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI","file":"conditional_formatting.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/conditional_formatting.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAKJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACI;;;AAKR;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAaJ;EACI;EACA;EACA;EACA;EACA;EACA,YACI;;AAKJ;EACI;EACA;EACA;;AAKJ;EA3BA;EACA;EACA,YACI;EA2BA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAGJ;EAEI;;;AAOR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;;AAIA;EACI;;AAIR;EACI;EACA;EACA;;AAIA;AAAA;AAAA;EAGI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;;AAMJ;EACI;;AAGJ;EACI;EACA;;AAKJ;EAlPA;EACA;EACA,YACI;EAkPA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAMR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI","file":"conditional_formatting.css"}

package/styles/internal/scss/conditional_formatting.scss

@@ -37,6 +37,12 @@
     margin-bottom: 5px;
 }
 
+// Spacing above the inherited-rules block; the rules list above already carries its own
+// margin-bottom, so this only needs the gap between the two subsections.
+.gd-cf-section__semantic {
+    margin-top: 10px;
+}
+
 .gd-cf-select__option {
     height: 28px;
 }
@@ -195,6 +201,28 @@
     }
 }
 
+// Read-only row: nothing on the row itself is editable (only the View button), so the base
+// hover's "pop card" bleed — which signals "click me to edit" — doesn't apply here; the dashed
+// border + muted title read as "inherited, not yours to edit here" instead.
+.gd-cf-rule--semantic {
+    border: 1px dashed var(--gd-palette-complementary-3);
+
+    &:hover {
+        margin-left: 0;
+        padding-left: 8px;
+        background: none;
+        box-shadow: none;
+    }
+
+    .gd-cf-rule__title {
+        color: var(--gd-palette-complementary-6);
+    }
+}
+
+.gd-cf-rule__view {
+    flex: 0 0 auto;
+}
+
 .gd-cf-section__anchor {
     display: block;
     width: 0;
@@ -249,6 +277,48 @@
         align-self: flex-start;
     }
 
+    &__static-target {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+    }
+
+    &__static-target-title {
+        overflow: hidden;
+        color: var(--gd-palette-complementary-8);
+        font-size: 12px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    &__target-picker,
+    &__editable {
+        min-width: 0;
+        margin: 0;
+        padding: 0;
+        border: none;
+
+        // A disabled fieldset only disables native form controls; custom widgets (the date picker's
+        // click-to-open trigger, drag-to-reorder rows) ignore it. Block pointer interaction outright.
+        &:disabled {
+            pointer-events: none;
+        }
+    }
+
+    &__editable {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    &__editable--readonly {
+        .gd-cf-condition__delete,
+        .gd-cf-reorder__handle,
+        .gd-cf-dialog__add-condition {
+            display: none;
+        }
+    }
+
     &__footer {
         display: flex;
         flex: 0 0 auto;
@@ -322,6 +392,14 @@
         gap: 5px;
     }
 
+    &__raw-value {
+        overflow: hidden;
+        color: var(--gd-palette-complementary-7);
+        font-size: 12px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
     &__error {
         color: var(--gd-palette-error-base);
         font-size: 11px;