@truedat/df 7.5.7 → 7.5.10

package/src/components/widgets/__tests__/__snapshots__/ImageField.spec.js.snap

@@ -1,41 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ImageField /> matches the latest snapshot 1`] = `
-<Fragment>
+<div>
   <input
     accept="image/*"
-    onChange={[Function]}
     type="file"
     value=""
   />
   <div
-    style={
-      {
-        "textAlign": "center",
-      }
-    }
+    style="text-align: center;"
   >
-    <Button
-      as="button"
-      compact={true}
-      icon={
-        <Icon
-          as="i"
-          color="red"
-          name="trash alternate outline"
-        />
-      }
-      onClick={[Function]}
-      style={
-        {
-          "margin": 5,
-          "width": "100%",
-        }
-      }
-    />
-    <ImagePreview
-      value="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
+    <button
+      class="ui compact icon button"
+      style="margin: 5px; width: 100%;"
+    >
+      <i
+        aria-hidden="true"
+        class="red trash alternate outline icon"
+      />
+    </button>
+    <img
+      class="ui medium rounded image"
+      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
+      style="cursor: pointer;"
     />
   </div>
-</Fragment>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/NumberField.spec.js.snap

@@ -1,13 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<NumberField /> matches the latest snapshot 1`] = `
-<FormInput
-  as={[Function]}
-  control="input"
-  name="name"
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  type="number"
-  value={1}
-/>
+<div>
+  <div
+    class="field"
+  >
+    <input
+      name="name"
+      type="number"
+      value="1"
+    />
+  </div>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/PairListField.spec.js.snap

@@ -1,44 +1,58 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<PairListField /> matches the latest snapshot 1`] = `
-<FormField>
-  <FormGroup
-    key="0"
-    widths="equal"
+<div>
+  <div
+    class="field"
   >
-    <FormInput
-      as={[Function]}
-      control={[Function]}
-      name="url_name"
-      onChange={[Function]}
-      placeholder="fields.pairlist.url.name.placeholder"
-      value="Foo"
-    />
-    <FormInput
-      as={[Function]}
-      control={[Function]}
-      name="url_value"
-      onChange={[Function]}
-      placeholder="fields.pairlist.url.value.placeholder"
-      value="Bar"
-    />
-    <Button
-      as="button"
-      compact={true}
-      icon="minus"
-      onClick={[Function]}
-    />
-  </FormGroup>
-  <Button
-    as="button"
-    compact={true}
-    icon={
-      {
-        "color": "green",
-        "name": "add",
-      }
-    }
-    onClick={[Function]}
-  />
-</FormField>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="ui input"
+        >
+          <input
+            name="url_name"
+            placeholder="fields.pairlist.url.name.placeholder"
+            type="text"
+            value="Foo"
+          />
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <div
+          class="ui input"
+        >
+          <input
+            name="url_value"
+            placeholder="fields.pairlist.url.value.placeholder"
+            type="text"
+            value="Bar"
+          />
+        </div>
+      </div>
+      <button
+        class="ui compact icon button"
+      >
+        <i
+          aria-hidden="true"
+          class="minus icon"
+        />
+      </button>
+    </div>
+    <button
+      class="ui compact icon button"
+    >
+      <i
+        aria-hidden="true"
+        class="green add icon"
+      />
+    </button>
+  </div>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/PasswordField.spec.js.snap

@@ -1,12 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<PasswordField /> matches the latest snapshot 1`] = `
-<FormInput
-  as={[Function]}
-  control={[Function]}
-  name="name"
-  onChange={[MockFunction]}
-  type="password"
-  value="Foo"
-/>
+<div>
+  <div
+    class="field"
+  >
+    <div
+      class="ui input"
+    >
+      <input
+        name="name"
+        type="password"
+        value="Foo"
+      />
+    </div>
+  </div>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/RadioField.spec.js.snap

@@ -1,26 +1,45 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<RadioField /> matches the latest snapshot 1`] = `
-[
-  <FormRadio
-    as={[Function]}
-    checked={true}
-    control={[Function]}
-    key="0"
-    label="Foo"
-    name="name"
-    onChange={[MockFunction]}
-    value="Foo"
-  />,
-  <FormRadio
-    as={[Function]}
-    checked={false}
-    control={[Function]}
-    key="1"
-    label="Bar"
-    name="name"
-    onChange={[MockFunction]}
-    value="Bar"
-  />,
-]
+<div>
+  <div
+    class="field"
+  >
+    <div
+      class="ui checked radio checkbox"
+    >
+      <input
+        checked=""
+        class="hidden"
+        name="name"
+        readonly=""
+        tabindex="0"
+        type="radio"
+        value="Foo"
+      />
+      <label>
+        Foo
+      </label>
+    </div>
+  </div>
+  <div
+    class="field"
+  >
+    <div
+      class="ui radio checkbox"
+    >
+      <input
+        class="hidden"
+        name="name"
+        readonly=""
+        tabindex="0"
+        type="radio"
+        value="Bar"
+      />
+      <label>
+        Bar
+      </label>
+    </div>
+  </div>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/StandardDropdown.spec.js.snap

@@ -1,35 +1,82 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<StandardDropdown /> matches the latest snapshot 1`] = `
-<FormDropdown
-  as={[Function]}
-  control={[Function]}
-  fluid={true}
-  multiple={false}
-  name="name"
-  onChange={[Function]}
-  options={
-    [
-      {
-        "key": 0,
-        "text": "selector.no.selection",
-        "value": null,
-      },
-      {
-        "key": 1,
-        "text": "Foo",
-        "value": "Foo",
-      },
-      {
-        "key": 2,
-        "text": "Bar",
-        "value": "Bar",
-      },
-    ]
-  }
-  placeholder="fields.dropdown.placeholder"
-  search={true}
-  selection={true}
-  value="Foo"
-/>
+<div>
+  <div
+    class="field"
+  >
+    <div
+      aria-expanded="false"
+      class="ui fluid search selection dropdown"
+      name="name"
+      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"
+      >
+        Foo
+      </div>
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+      <div
+        aria-multiselectable="false"
+        class="menu transition"
+        role="listbox"
+      >
+        <div
+          aria-checked="false"
+          aria-selected="false"
+          class="item"
+          role="option"
+          style="pointer-events: all;"
+        >
+          <span
+            class="text"
+          >
+            selector.no.selection
+          </span>
+        </div>
+        <div
+          aria-checked="true"
+          aria-selected="true"
+          class="active selected item"
+          role="option"
+          style="pointer-events: all;"
+        >
+          <span
+            class="text"
+          >
+            Foo
+          </span>
+        </div>
+        <div
+          aria-checked="false"
+          aria-selected="false"
+          class="item"
+          role="option"
+          style="pointer-events: all;"
+        >
+          <span
+            class="text"
+          >
+            Bar
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/StringField.spec.js.snap

@@ -1,45 +1,85 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<StringField /> Multiple matches the latest snapshot multiple 1`] = `
-<FormDropdown
-  allowAdditions={true}
-  as={[Function]}
-  control={[Function]}
-  fluid={true}
-  multiple={true}
-  name="name"
-  onChange={[MockFunction]}
-  options={
-    [
-      {
-        "key": 0,
-        "text": "",
-        "value": "",
-      },
-      {
-        "key": 1,
-        "text": "Foo",
-        "value": "Foo",
-      },
-    ]
-  }
-  placeholder="fields.dropdown.placeholder"
-  search={true}
-  selection={true}
-  value={
-    [
-      "Foo",
-    ]
-  }
-/>
+<div>
+  <div
+    class="field"
+  >
+    <div
+      aria-expanded="false"
+      class="ui fluid multiple search selection dropdown"
+      name="name"
+      role="combobox"
+    >
+      <a
+        class="ui label"
+        value="Foo"
+      >
+        Foo
+        <i
+          aria-hidden="true"
+          class="delete icon"
+        />
+      </a>
+      <input
+        aria-autocomplete="list"
+        autocomplete="off"
+        class="search"
+        tabindex="0"
+        type="text"
+        value=""
+      />
+      <span
+        class="sizer"
+      />
+      <div
+        aria-atomic="true"
+        aria-live="polite"
+        class="divider text"
+        role="alert"
+      >
+        fields.dropdown.placeholder
+      </div>
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+      <div
+        aria-multiselectable="true"
+        class="menu transition"
+        role="listbox"
+      >
+        <div
+          aria-checked="false"
+          aria-selected="true"
+          class="selected item"
+          role="option"
+          style="pointer-events: all;"
+        >
+          <span
+            class="text"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<StringField /> matches the latest snapshot 1`] = `
-<FormInput
-  as={[Function]}
-  control={[Function]}
-  name="name"
-  onChange={[MockFunction]}
-  value="Foo"
-/>
+<div>
+  <div
+    class="field"
+  >
+    <div
+      class="ui input"
+    >
+      <input
+        name="name"
+        type="text"
+        value="Foo"
+      />
+    </div>
+  </div>
+</div>
 `;

package/src/components/widgets/__tests__/__snapshots__/SystemPreview.spec.js.snap

@@ -1,36 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<SystemPreview /> matches the latest snapshot when value is array 1`] = `
-<Fragment>
-  <Label
-    key="0"
+<div>
+  <div
+    class="ui label"
   >
-    <Link
-      to="/systems/1/structures"
+    <a
+      data-discover="true"
+      href="/systems/1/structures"
     >
       name
-    </Link>
-  </Label>
-  <Label
-    key="1"
+    </a>
+  </div>
+  <div
+    class="ui label"
   >
-    <Link
-      to="/systems/2/structures"
+    <a
+      data-discover="true"
+      href="/systems/2/structures"
     >
       name1
-    </Link>
-  </Label>
-</Fragment>
+    </a>
+  </div>
+</div>
 `;
 
 exports[`<SystemPreview /> matches the latest snapshot when value is object 1`] = `
-<Fragment>
-  <Label
-    key="0"
+<div>
+  <div
+    class="ui label"
   >
-    <Link
-      to="/systems/1/structures"
+    <a
+      data-discover="true"
+      href="/systems/1/structures"
     />
-  </Label>
-</Fragment>
+  </div>
+</div>
 `;