@mirai/core 0.2.19 → 0.3.2

package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap

@@ -0,0 +1,799 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Field> Mobile environment prop:visible 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow visible onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth visible"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable mirai"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:caption 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        Mirai-caption
+      </span>
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:error 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+    <span
+      class="icon headline-3"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+          fill="none"
+        />
+        <path
+          d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+        />
+      </svg>
+    </span>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:icon 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:inputMode 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:label 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text small"
+      >
+        Mirai-label
+      </span>
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          Mirai-label
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:placeholder 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      >
+        Mirai-placeholder
+      </span>
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:tabIndex 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+    tabindex="1980"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:visible && centered 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow visible onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth visible"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:visible 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow visible onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth visible"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> prop:warning 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+    <span
+      class="icon headline-3"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+        />
+      </svg>
+    </span>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Field> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+    data-testid="mirai"
+  >
+    <div
+      class="view"
+    >
+      <span
+        class="text action"
+      />
+    </div>
+  </div>
+  <div
+    class="pressable container overflow onOverflow"
+    data-testid="mirai-modal-overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+      data-testid="mirai-modal"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+          data-testid="mirai-modal-button-close"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M24 24H0V0h24v24z"
+                fill="none"
+                opacity=".87"
+              />
+              <path
+                d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      Mirai-children
+    </div>
+  </div>
+</DocumentFragment>
+`;