@truedat/dq 4.44.3 → 4.45.0

package/src/components/ruleImplementationForm/__tests__/__snapshots__/RuleImplementationRawForm.spec.js.snap

@@ -1,182 +1,429 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<RuleImplementationRawForm /> matches the latest snapshot 1`] = `
-<Form
-  as="form"
-  className="rule"
->
-  <FormRadio
-    as={[Function]}
-    checked={true}
-    control={[Function]}
-    label="ruleImplementation.props.executable"
-    name="executable"
-    onChange={[Function]}
-    toggle={true}
-  />
-  <FormField>
-    <label>
-      ruleImplementation.props.name
-      <Help
-        message="datasetForm.implementation_key.tooltip"
-      />
-    </label>
-    <FormInput
-      as={[Function]}
-      autoComplete="off"
-      control={[Function]}
-      name="implementation_key"
-      onChange={[Function]}
-      placeholder="ruleImplementation.props.name.placeholder"
-      required={true}
-      value=""
-    />
-  </FormField>
-  <FormField>
-    <lazy
-      onChange={[Function]}
-    />
-  </FormField>
-  <LimitsForm
-    onChange={[MockFunction]}
-    ruleImplementation={
-      Object {
-        "executable": true,
-        "goal": "10",
-        "id": 1,
-        "minimum": "1",
-        "result_type": "percentage",
-      }
-    }
-  />
-  <TemplateSelectorLoader
-    onChange={[Function]}
-    onLoad={[Function]}
-    required={true}
-    scope="ri"
-  />
-  <FormDropdown
-    as={[Function]}
-    control={[Function]}
-    label={
+<div>
+  <form
+    class="ui form rule"
+    style=""
+  >
+    <div
+      class="field"
+    >
+      <div
+        class="ui checked toggle checkbox"
+      >
+        <input
+          checked=""
+          class="hidden"
+          name="executable"
+          readonly=""
+          tabindex="0"
+          type="radio"
+          value=""
+        />
+        <label>
+          Executable
+        </label>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
       <label>
-        <Memo(MemoizedFormattedMessage)
-          id="ruleImplementationRawForm.props.source"
+        Implementation Key
+        <i
+          aria-hidden="true"
+          class="question circle outline icon rule-form-popup"
         />
       </label>
-    }
-    name="source_id"
-    onChange={[Function]}
-    options={
-      Array [
-        Object {
-          "key": "1",
-          "text": undefined,
-          "value": "1",
-        },
-        Object {
-          "key": "2",
-          "text": undefined,
-          "value": "2",
-        },
-        Object {
-          "key": "3",
-          "text": undefined,
-          "value": "3",
-        },
-      ]
-    }
-    placeholder="ruleImplementationRawForm.props.source.placeholder"
-    required={true}
-    search={true}
-    selection={true}
-    value="1"
-  />
-  <FormTextArea
-    as={[Function]}
-    className="raw"
-    control={[Function]}
-    error={false}
-    label={
+      <div
+        class="required field"
+      >
+        <div
+          class="ui input"
+        >
+          <input
+            autocomplete="off"
+            name="implementation_key"
+            placeholder="Rule Implementation Key"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui segment"
+    >
+      <div
+        class="field"
+      >
+        <label
+          class="rule-form-label"
+        >
+          Result Type
+          <span>
+            *
+          </span>
+          <i
+            aria-hidden="true"
+            class="question circle outline icon rule-form-popup"
+          />
+        </label>
+        <div
+          class="inline fields"
+        >
+          <div
+            class="field"
+          >
+            <div
+              class="ui checked radio checkbox"
+            >
+              <input
+                checked=""
+                class="hidden"
+                name="result_type"
+                readonly=""
+                tabindex="0"
+                type="radio"
+                value="percentage"
+              />
+              <label>
+                Percentage
+              </label>
+            </div>
+          </div>
+          <div
+            class="field"
+          >
+            <div
+              class="ui radio checkbox"
+            >
+              <input
+                class="hidden"
+                name="result_type"
+                readonly=""
+                tabindex="0"
+                type="radio"
+                value="deviation"
+              />
+              <label>
+                Deviation
+              </label>
+            </div>
+          </div>
+          <div
+            class="field"
+          >
+            <div
+              class="ui radio checkbox"
+            >
+              <input
+                class="hidden"
+                name="result_type"
+                readonly=""
+                tabindex="0"
+                type="radio"
+                value="errors_number"
+              />
+              <label>
+                Error count
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <label
+          class="rule-form-label"
+        >
+          Threshold
+          <span>
+            *
+          </span>
+          <i
+            aria-hidden="true"
+            class="question circle outline icon rule-form-popup"
+          />
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              autocomplete="off"
+              name="minimum"
+              placeholder="Threshold value"
+              type="text"
+              value="1"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <label
+          class="rule-form-label"
+        >
+          Goal
+          <span>
+            *
+          </span>
+          <i
+            aria-hidden="true"
+            class="question circle outline icon rule-form-popup"
+          />
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              autocomplete="off"
+              name="goal"
+              placeholder="Goal value"
+              type="text"
+              value="10"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
       <label>
-        <Memo(MemoizedFormattedMessage)
-          id="ruleImplementationRawForm.props.dataset"
-        />
-        <Help
-          message="ruleImplementationRawForm.props.dataset.help"
-        />
+        Template
+        <div
+          class="ui left pointing label"
+        >
+          Empty required field
+        </div>
       </label>
-    }
-    name="dataset"
-    onChange={[Function]}
-    placeholder="ruleImplementationRawForm.props.dataset.placeholder"
-    required={true}
-    rows={4}
-    size="small"
-    value=""
-  />
-  <FormTextArea
-    as={[Function]}
-    className="raw"
-    control={[Function]}
-    error={false}
-    label={
+      <div
+        class="field"
+      >
+        <div
+          aria-busy="false"
+          aria-expanded="false"
+          class="ui search selection dropdown"
+          name="template"
+          role="combobox"
+        >
+          <input
+            aria-autocomplete="list"
+            autocomplete="off"
+            class="search"
+            tabindex="0"
+            type="text"
+            value=""
+          />
+          <div
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider default text"
+            role="alert"
+          >
+            Select a template...
+          </div>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+            role="listbox"
+          >
+            <div
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                template1
+              </span>
+            </div>
+            <div
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                template2
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
       <label>
-        <Memo(MemoizedFormattedMessage)
-          id="ruleImplementationRawForm.props.population"
+        Data source
+      </label>
+      <div
+        aria-expanded="false"
+        class="ui search selection dropdown"
+        name="source_id"
+        required=""
+        role="combobox"
+      >
+        <input
+          aria-autocomplete="list"
+          autocomplete="off"
+          class="search"
+          tabindex="0"
+          type="text"
+          value=""
+        />
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
+        >
+          ext_id_1
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
         />
-        <Help
-          message="ruleImplementationRawForm.props.population.help"
+        <div
+          class="menu transition"
+          role="listbox"
+        >
+          <div
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              ext_id_1
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              ext_id_2
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              ext_id_3
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field raw"
+    >
+      <label
+        for="dataset"
+      >
+        Dataset
+        <i
+          aria-hidden="true"
+          class="question circle outline icon rule-form-popup"
         />
       </label>
-    }
-    name="population"
-    onChange={[Function]}
-    placeholder="ruleImplementationRawForm.props.population.placeholder"
-    rows={4}
-    size="small"
-    value=""
-  />
-  <FormTextArea
-    as={[Function]}
-    className="raw"
-    control={[Function]}
-    error={false}
-    label={
+      <textarea
+        id="dataset"
+        name="dataset"
+        placeholder="TPERSONS p 
+LEFT JOIN TCLIENTES c ON c.person_id = p.id"
+        required=""
+        rows="4"
+      />
+    </div>
+    <div
+      class="field raw"
+    >
       <label>
-        <Memo(MemoizedFormattedMessage)
-          id="ruleImplementationRawForm.props.validations"
+        Population
+        <i
+          aria-hidden="true"
+          class="question circle outline icon rule-form-popup"
         />
-        <Help
-          message="ruleImplementationRawForm.props.validations.help"
+      </label>
+      <textarea
+        name="population"
+        placeholder="p.tipo = 'F'
+AND c.pais = 'ES' "
+        rows="4"
+      />
+    </div>
+    <div
+      class="required field raw"
+    >
+      <label>
+        Validations
+        <i
+          aria-hidden="true"
+          class="question circle outline icon rule-form-popup"
         />
       </label>
-    }
-    name="validations"
-    onChange={[Function]}
-    placeholder="ruleImplementationRawForm.props.validations.placeholder"
-    required={true}
-    rows={4}
-    size="small"
-    value=""
-  />
-  <FormButton
-    as={[Function]}
-    content="actions.save"
-    control={[Function]}
-    disabled={true}
-    floated="right"
-    loading={false}
-    onClick={[Function]}
-    primary={true}
-    type="submit"
-  />
-  <Button
-    as="button"
-    content="actions.cancel"
-    floated="right"
-    onClick={[Function]}
-    secondary={true}
-  />
-</Form>
+      <textarea
+        name="validations"
+        placeholder="p.nombre is not null
+AND p.nombre <> "
+        required=""
+        rows="4"
+      />
+    </div>
+    <div
+      class="disabled field"
+    >
+      <button
+        class="ui primary disabled right floated button"
+        disabled=""
+        tabindex="-1"
+        type="submit"
+      >
+        Save
+      </button>
+    </div>
+    <button
+      class="ui secondary right floated button"
+    >
+      Cancel
+    </button>
+  </form>
+</div>
 `;