@descope/flow-components 2.0.38

package/test/__snapshots__/password.test.tsx.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Password rendered with custom scripts 1`] = `
+<div>
+  <descope-password-field
+    size="md"
+  />
+</div>
+`;
+
+exports[`Password should render with default props 1`] = `
+<div>
+  <descope-password-field
+    size="md"
+  />
+</div>
+`;
+
+exports[`Password should render with toggle on/off icons 1`] = `
+<div>
+  <descope-password-field
+    endicons="inputVisible,inputHidden"
+    size="md"
+  />
+</div>
+`;

package/test/__snapshots__/phone.test.tsx.snap

@@ -0,0 +1,504 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Phone rendered with className 1`] = `
+<div>
+  <div
+    class="className descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with custom error attributes 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-errormessage-pattern-mismatch="pattern"
+        data-errormessage-value-missing="missing"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with custom scripts 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <script
+        data-id="-1199187935"
+      >
+        
+      const x = 1 + 1;
+      return x;
+    
+      </script>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+  <script
+    data-id="-1199187935"
+  >
+    
+      const x = 1 + 1;
+      return x;
+    
+  </script>
+  <script
+    data-id="-1199187935"
+  >
+    
+      const x = 1 + 1;
+      return x;
+    
+  </script>
+</div>
+`;
+
+exports[`Phone rendered with default props 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with fullWidth 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with label 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <label
+      class="label pt-0"
+      style="cursor: inherit;"
+    >
+      <span
+        class="label-text"
+      >
+        label
+      </span>
+    </label>
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with label and required 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <label
+      class="label pt-0"
+      style="cursor: inherit;"
+    >
+      <span
+        class="label-text"
+      >
+        label *
+      </span>
+    </label>
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+          required=""
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        required="true"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with name 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <label
+      class="label pt-0"
+      for="name"
+      style="cursor: inherit;"
+    >
+      <span
+        class="label-text"
+      >
+        label
+      </span>
+    </label>
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        name="name"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      name="name"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;
+
+exports[`Phone rendered with readOnly 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control relative w-full"
+  >
+    <div
+      class="flex w-full items-stretch"
+    >
+      <div
+        class="descope-input-wrapper p-0 form-control inline-block"
+      >
+        <select
+          class="select ml-[2px] descope-input select !rounded-r-none pointer-events-none focus:outline-offset-0 select-bordered"
+          data-id="select"
+        >
+          <option
+            data-dial-code="+972"
+            value="IL"
+          >
+            (+972)             Israel
+          </option>
+          <option
+            data-dial-code="+1"
+            value="US"
+          >
+            (+1)                  United States
+          </option>
+        </select>
+      </div>
+      <descope-text-field
+        classname="input flex-grow ml-0 !rounded-l-none"
+        data-exclude-field="true"
+        data-id="input"
+        full-width="true"
+        maxlength="15"
+        readonly="true"
+        size="md"
+      />
+    </div>
+    <descope-text-field
+      aria-hidden="true"
+      data-input="input"
+      full-width="true"
+      size="md"
+      wrapperprops="[object Object]"
+    />
+  </div>
+</div>
+`;

package/test/__snapshots__/switch.test.tsx.snap

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Boolean Input should render with size 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control w-full"
+  >
+    <label
+      class="flex"
+    >
+      <input
+        class="toggle flex items-center toggle-sm"
+        name="toggle"
+        required=""
+        type="checkbox"
+      />
+      <span
+        class="text-sm ml-4 flex items-center label-text cursor-pointer"
+      >
+        some label
+        <span
+          class="ml-1"
+        >
+          *
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+`;
+
+exports[`Boolean Input should render with toggle component 1`] = `
+<div>
+  <div
+    class="descope-input-wrapper p-0 form-control w-full"
+  >
+    <label
+      class="flex"
+    >
+      <input
+        class="toggle flex items-center"
+        name="toggle"
+        type="checkbox"
+      />
+      <span
+        class="text-undefined ml-4 flex items-center label-text cursor-pointer"
+      />
+    </label>
+  </div>
+</div>
+`;

package/test/__snapshots__/text.test.tsx.snap

@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Text rendered with align 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full text-end inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with color 1`] = `
+<span
+  class="antialiased break-words descope-text max-w-full text-error inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with custom className 1`] = `
+<span
+  class="kuku antialiased text-base-content break-words descope-text max-w-full inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with default props 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with fontFamily 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full font-mono inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with fontWeight 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full font-black inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with fullWidth 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full w-full block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with italic 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full italic inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with size 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full text-9xl inline-block"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with typography 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full inline-block descope-typography-body1"
+>
+  Text
+</span>
+`;
+
+exports[`Text rendered with variant 1`] = `
+<span
+  class="antialiased text-base-content break-words descope-text max-w-full inline-block descope-text-primary"
+>
+  Text
+</span>
+`;