@finos/legend-extension-dsl-data-quality 2.0.11 → 2.0.13

package/src/graph-manager/protocol/pure/v1/transformation/pureProtocol/V1_DSL_DataQuality_ProtocolHelper.ts

@@ -138,9 +138,8 @@ export function V1_deserializeDataQualityExecutionContext(
 const V1_relationValidationModelSchema = createModelSchema(
   V1_DataQualityRelationValidation,
   {
-    _type: usingConstantValueSchema(V1_RawValueSpecificationType.LAMBDA),
     name: primitive(),
-    description: primitive(),
+    description: optional(primitive()),
     assertion: usingModelSchema(V1_rawLambdaModelSchema),
     rowMapFunction: optional(usingModelSchema(V1_rawLambdaModelSchema)),
     expected: optional(primitive()),
@@ -190,6 +189,12 @@ const V1_dataQualityRelationValidationModelSchema = (
     package: primitive(),
     query: usingModelSchema(V1_rawLambdaModelSchemaParameters),
     validations: list(usingModelSchema(V1_relationValidationModelSchema)),
+    stereotypes: customListWithSchema(V1_stereotypePtrModelSchema, {
+      INTERNAL__forceReturnEmptyInTest: true,
+    }),
+    taggedValues: customListWithSchema(V1_taggedValueModelSchema, {
+      INTERNAL__forceReturnEmptyInTest: true,
+    }),
   });
 
 const V1_dataQualityServiceValidationModelSchema = (

package/style/_data-quality-relation-validation-builder.scss

@@ -16,26 +16,37 @@
 
 @use 'mixins' as *;
 
-.uml-element-editor {
-  &__row-map {
+.data-quality-uml-element-editor {
+  &__validation {
+    width: 75%;
+  }
+
+  &__lambda {
     padding-bottom: 0.5rem;
     display: flex;
     flex-direction: row;
 
+    &__value {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    }
+
     &__label {
       display: flex;
       align-items: center;
       padding-right: 0.5rem;
       padding-left: 0.5rem;
       margin-right: 0.5rem;
+      width: 7%;
       color: var(--color-light-grey-100);
-      background: var(--color-dark-grey-300);
+      background: var(--color-dark-grey-200);
+      font-weight: 500;
     }
   }
 }
 
 .relation-config-validations {
-  background: var(--color-light-grey-0);
   margin-left: 1rem;
   margin-right: 1rem;
 }
@@ -91,6 +102,7 @@
 
   &__tabs__header {
     padding-left: 0;
+    padding-right: 2.7rem;
   }
 
   &__tabs {
@@ -181,6 +193,15 @@
         @include flexHSpaceBetween;
       }
 
+      &__header-right {
+        padding-left: 1rem;
+        padding-right: 2rem;
+        display: flex;
+        justify-content: end;
+
+        @include flexVCenter;
+      }
+
       &__header__add-btn {
         @include flexCenter;
 
@@ -287,7 +308,6 @@
 
 .relation-validation-editor {
   padding: 1rem;
-  background: var(--color-light-grey-0);
   border-radius: 0.2rem;
   display: flex;
   flex-direction: column;
@@ -298,7 +318,7 @@
     align-items: center;
     justify-content: right;
     width: 25%;
-    background: var(--color-dark-grey-300);
+    background: var(--color-dark-grey-200);
     margin-right: 0.5rem;
   }
 
@@ -345,6 +365,7 @@
       height: 2.8rem;
       background: var(--color-dark-grey-50);
       color: var(--color-light-grey-100);
+      border: 0.1rem solid var(--color-dark-grey-300);
       padding: 0 0.5rem;
       border-radius: 0.2rem;
     }
@@ -384,7 +405,6 @@
 
 .relation-validation {
   padding: 1rem;
-  background: var(--color-light-grey-0);
   border-radius: 0.2rem;
 
   &__container {
@@ -396,6 +416,10 @@
     padding: 1rem;
   }
 
+  &__lambda {
+    border: 0.1rem solid var(--color-dark-grey-300);
+  }
+
   &__content {
     display: flex;
     margin-bottom: 0.5rem;
@@ -414,10 +438,11 @@
 
       flex: auto;
       height: 2.8rem;
-      background: var(--color-dark-grey-300);
-      color: var(--color-light-grey-100);
+      background: var(--color-dark-grey-100);
+      color: var(--color-light-grey-200);
       padding: 0 1rem;
       border-radius: 0.2rem;
+      font-weight: 500;
     }
 
     &__name::placeholder {

package/style/_data-quality-validation-builder.scss

@@ -1425,6 +1425,40 @@
     }
   }
 
+  &__validation {
+    @include flexVCenter;
+
+    height: 100%;
+    padding: 0 0.5rem;
+
+    &__label {
+      @include flexCenter;
+
+      background: var(--color-dark-grey-280);
+      padding: 0 1rem;
+      height: 100%;
+      border-radius: 0.2rem 0 0 0.2rem;
+      font-size: 1.2rem;
+      user-select: none;
+    }
+
+    &__input {
+      height: 100%;
+
+      &:not(:focus) {
+        border: 0.1rem solid var(--color-dark-grey-250);
+      }
+
+      &[disabled] {
+        cursor: not-allowed;
+      }
+    }
+
+    &__dropdown {
+      width: 25rem;
+    }
+  }
+
   &__slice {
     display: flex;
     align-items: center;

package/tsconfig.json

@@ -81,6 +81,7 @@
     }
   ],
   "files": [
+    "./src/__lib__/studio/DSL_DataQuality_LegendStudioApplicationNavigationContext.ts",
     "./src/components/DSL_DataQuality_LegendStudioPlugin_Extension.ts",
     "./src/components/index.ts",
     "./src/components/constants/DataQualityConstants.ts",
@@ -127,9 +128,11 @@
     "./src/components/DataQualityExplorerPanel.tsx",
     "./src/components/DataQualityFilterPanel.tsx",
     "./src/components/DataQualityMappingAndRuntimeBuilder.tsx",
+    "./src/components/DataQualityRelationGridResult.tsx",
     "./src/components/DataQualityRelationTrialRuns.tsx",
     "./src/components/DataQualityRelationValidationConfigurationEditor.tsx",
     "./src/components/DataQualityRelationValidationEditor.tsx",
+    "./src/components/DataQualityRelationValidationsEditor.tsx",
     "./src/components/DataQualityResultPanel.tsx",
     "./src/components/DataQualityResultValues.tsx",
     "./src/components/DataQualityServiceValidationEditor.tsx",