@truedat/df 7.5.9 → 7.5.11

package/src/templates/components/templateForm/__tests__/__snapshots__/ValuesField.spec.js.snap

@@ -1,256 +1,567 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ValuesField /> fixed matches the latest snapshot for null values 1`] = `
-<Segment>
-  <FormGroup
-    size="small"
-    widths="equal"
+<div>
+  <div
+    class="ui segment"
   >
-    <FormField>
-      <FormCheckbox
-        as={[Function]}
-        checked={true}
-        control={[Function]}
-        label="template.field.editable"
-        name="undefined.editable"
-        onChange={[Function]}
-      />
-    </FormField>
-  </FormGroup>
-  <DefaultValue
-    field={
-      {
-        "values": {
-          "fixed": [
-            "Foo",
-            "Bar",
-          ],
-        },
-      }
-    }
-    formatMessage={[Function]}
-    onChange={[MockFunction]}
-  />
-</Segment>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui checked checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              name="undefined.editable"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              Editable
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label>
+        template.field.values.default_value
+      </label>
+      <div
+        class="ui input"
+      >
+        <input
+          name="default_value"
+          type="text"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesField /> fixed_tuple matches the latest snapshot for null values 1`] = `
-<Segment>
-  <ValuesSelector
-    formatMessage={[Function]}
-    name="name.values"
-    onChange={[MockFunction]}
-    type="fixed_tuple"
-    values={
-      [
-        {
-          "text": "Bar",
-          "value": "Foo",
-        },
-      ]
-    }
-  />
-  <FormGroup
-    size="small"
-    widths="equal"
+<div>
+  <div
+    class="ui segment"
   >
-    <FormField>
-      <FormCheckbox
-        as={[Function]}
-        checked={true}
-        control={[Function]}
-        label="template.field.editable"
-        name="undefined.editable"
-        onChange={[Function]}
-      />
-    </FormField>
-    <FormCheckbox
-      as={[Function]}
-      checked={false}
-      control={[Function]}
-      label="template.field.subscribable"
-      onChange={[Function]}
-    />
-  </FormGroup>
-  <DefaultValue
-    field={
-      {
-        "values": {
-          "fixed_tuple": [
-            {
-              "text": "Bar",
-              "value": "Foo",
-            },
-          ],
-        },
-      }
-    }
-    formatMessage={[Function]}
-    onChange={[MockFunction]}
-    type="fixed_tuple"
-  />
-</Segment>
+    <div
+      class="ui middle aligned list"
+      role="list"
+    >
+      <div
+        class="item"
+        role="listitem"
+      >
+        <i
+          aria-hidden="true"
+          class="remove circle link icon"
+        />
+        <i
+          aria-hidden="true"
+          class="chevron circle up disabled link icon"
+        />
+        <i
+          aria-hidden="true"
+          class="chevron circle down disabled link icon"
+        />
+        <div
+          class="content"
+        >
+          Foo
+          / 
+          Bar
+        </div>
+      </div>
+      <div
+        class="item"
+        role="listitem"
+      >
+        <div
+          class="equal width fields"
+        >
+          <div
+            class="field"
+          >
+            <div
+              class="ui input"
+            >
+              <input
+                name="tuple_value"
+                placeholder="template.field.values.add_value"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="field"
+          >
+            <div
+              class="ui icon input"
+            >
+              <input
+                name="tuple_text"
+                placeholder="template.field.values.add_text"
+                type="text"
+                value=""
+              />
+              <i
+                aria-hidden="true"
+                class="add circle link icon"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui checked checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              name="undefined.editable"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              Editable
+            </label>
+          </div>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <div
+          class="ui checkbox"
+        >
+          <input
+            class="hidden"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+          />
+          <label>
+            template.field.subscribable
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesField /> noPrefix matches the latest snapshot for null values 1`] = `
-<Segment>
-  <FormGroup
-    size="small"
-    widths="equal"
+<div>
+  <div
+    class="ui segment"
   >
-    <FormField>
-      <FormCheckbox
-        as={[Function]}
-        checked={true}
-        control={[Function]}
-        label="template.field.editable"
-        name="undefined.editable"
-        onChange={[Function]}
-      />
-    </FormField>
-  </FormGroup>
-  <DefaultValue
-    field={
-      {
-        "values": null,
-      }
-    }
-    formatMessage={[Function]}
-    onChange={[MockFunction]}
-  />
-</Segment>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui checked checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              name="undefined.editable"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              Editable
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label>
+        template.field.values.default_value
+      </label>
+      <div
+        class="ui input"
+      >
+        <input
+          name="default_value"
+          type="text"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesField /> role_users matches the latest snapshot for not null values 1`] = `
-<Segment>
-  <FormGroup
-    size="small"
-    widths="equal"
+<div>
+  <div
+    class="ui segment"
   >
-    <FormField>
-      <FormCheckbox
-        as={[Function]}
-        checked={true}
-        control={[Function]}
-        label="template.field.editable"
-        name="undefined.editable"
-        onChange={[Function]}
-      />
-    </FormField>
-  </FormGroup>
-  <DefaultValue
-    field={
-      {
-        "values": {
-          "role_users": "test_role",
-        },
-      }
-    }
-    formatMessage={[Function]}
-    onChange={[MockFunction]}
-  />
-</Segment>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui checked checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              name="undefined.editable"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              Editable
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label>
+        template.field.values.default_value
+      </label>
+      <div
+        class="ui input"
+      >
+        <input
+          name="default_value"
+          type="text"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesField /> switch matches the latest snapshot for null values 1`] = `
-<Segment>
-  <ValuesSelector
-    formatMessage={[Function]}
-    name="name.values"
-    onChange={[MockFunction]}
-    type="switch"
-    values={
-      {
-        "on": "test",
-        "values": {
-          "a": [
-            "1",
-          ],
-          "b": [
-            "2",
-            "3",
-          ],
-        },
-      }
-    }
-  />
-  <FormGroup
-    size="small"
-    widths="equal"
+<div>
+  <div
+    class="ui segment"
   >
-    <FormField>
-      <FormCheckbox
-        as={[Function]}
-        checked={true}
-        control={[Function]}
-        label="template.field.editable"
-        name="undefined.editable"
-        onChange={[Function]}
-      />
-    </FormField>
-  </FormGroup>
-  <DefaultValue
-    field={
-      {
-        "values": {
-          "switch": {
-            "on": "test",
-            "values": {
-              "a": [
-                "1",
-              ],
-              "b": [
-                "2",
-                "3",
-              ],
-            },
-          },
-        },
-      }
-    }
-    formatMessage={[Function]}
-    onChange={[MockFunction]}
-    type="switch"
-  />
-</Segment>
+    <div
+      class="ui middle aligned list"
+      role="list"
+    >
+      <div
+        class="item"
+        role="listitem"
+      >
+        <div
+          class="field"
+        >
+          <label>
+            template.field.values.switch_field.label
+          </label>
+          <div
+            class="ui input"
+          >
+            <input
+              placeholder="template.field.values.switch_field"
+              type="text"
+              value="test"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="ui segment"
+      >
+        <i
+          aria-hidden="true"
+          class="remove circle link icon"
+        />
+        a
+        <div
+          class="ui middle aligned list"
+          role="list"
+        >
+          <div
+            class="item"
+            role="listitem"
+          >
+            <i
+              aria-hidden="true"
+              class="remove circle link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="chevron circle up disabled link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="chevron circle down disabled link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="circle outline link icon"
+            />
+            <div
+              class="content"
+            >
+              1
+            </div>
+          </div>
+          <div
+            class="item"
+            role="listitem"
+          >
+            <div
+              class="field"
+            >
+              <div
+                class="ui icon input"
+              >
+                <input
+                  name="fixed_value"
+                  placeholder="template.field.values.add_value"
+                  type="text"
+                  value=""
+                />
+                <i
+                  aria-hidden="true"
+                  class="add circle link icon"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ui segment"
+      >
+        <i
+          aria-hidden="true"
+          class="remove circle link icon"
+        />
+        b
+        <div
+          class="ui middle aligned list"
+          role="list"
+        >
+          <div
+            class="item"
+            role="listitem"
+          >
+            <i
+              aria-hidden="true"
+              class="remove circle link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="chevron circle up disabled link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="chevron circle down link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="circle outline link icon"
+            />
+            <div
+              class="content"
+            >
+              2
+            </div>
+          </div>
+          <div
+            class="item"
+            role="listitem"
+          >
+            <i
+              aria-hidden="true"
+              class="remove circle link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="chevron circle up link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="chevron circle down disabled link icon"
+            />
+            <i
+              aria-hidden="true"
+              class="circle outline link icon"
+            />
+            <div
+              class="content"
+            >
+              3
+            </div>
+          </div>
+          <div
+            class="item"
+            role="listitem"
+          >
+            <div
+              class="field"
+            >
+              <div
+                class="ui icon input"
+              >
+                <input
+                  name="fixed_value"
+                  placeholder="template.field.values.add_value"
+                  type="text"
+                  value=""
+                />
+                <i
+                  aria-hidden="true"
+                  class="add circle link icon"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="item"
+        role="listitem"
+      >
+        <div
+          class="field"
+        >
+          <label>
+            template.field.values.add_switch_value.label
+          </label>
+          <div
+            class="ui icon input"
+          >
+            <input
+              placeholder="template.field.values.add_switch_value"
+              type="text"
+              value=""
+            />
+            <i
+              aria-hidden="true"
+              class="add circle icon"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui checked checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              name="undefined.editable"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              Editable
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesField /> table_columns matches the latest snapshot 1`] = `
-<Segment>
-  <FormGroup
-    size="small"
-    widths="equal"
+<div>
+  <div
+    class="ui segment"
   >
-    <FormField>
-      <FormCheckbox
-        as={[Function]}
-        checked={true}
-        control={[Function]}
-        label="template.field.editable"
-        name="undefined.editable"
-        onChange={[Function]}
-      />
-    </FormField>
-  </FormGroup>
-  <DefaultValue
-    field={
-      {
-        "values": {
-          "table_columns": [
-            {
-              "mandatory": true,
-              "name": "field1",
-            },
-            {
-              "mandatory": false,
-              "name": "field2",
-            },
-          ],
-        },
-      }
-    }
-    formatMessage={[Function]}
-    onChange={[MockFunction]}
-  />
-</Segment>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui checked checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              name="undefined.editable"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              Editable
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label>
+        template.field.values.default_value
+      </label>
+      <div
+        class="ui input"
+      >
+        <input
+          name="default_value"
+          type="text"
+        />
+      </div>
+    </div>
+  </div>
+</div>
 `;