@coreui/vue-pro 5.16.0 → 5.17.1

package/src/components/one-time-password-input/__tests__/__snapshots__/COneTimePassword.spec.ts.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`COneTimePassword Component rendering COneTimePassword customize props 1`] = `"<div class="form-otp" role="group"><input type="text" class="form-otp-control" tabindex="0" aria-label="Digit 1 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="text" class="form-otp-control" tabindex="-1" aria-label="Digit 2 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="text" class="form-otp-control" tabindex="-1" aria-label="Digit 3 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="text" class="form-otp-control" tabindex="-1" aria-label="Digit 4 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="hidden" value=""></div>"`;
+
+exports[`COneTimePassword Component rendering loads and displays COneTimePassword component 1`] = `"<div class="form-otp" role="group"><input type="text" class="form-otp-control" tabindex="0" aria-label="Digit 1 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="text" class="form-otp-control" tabindex="-1" aria-label="Digit 2 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="text" class="form-otp-control" tabindex="-1" aria-label="Digit 3 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="text" class="form-otp-control" tabindex="-1" aria-label="Digit 4 of 0" inputmode="numeric" pattern="[0-9]*" maxlength="1" autocomplete="off" value=""><input type="hidden" value=""></div>"`;
+
+exports[`COneTimePassword with default value renders correctly 1`] = `
+"<div class="form-otp" role="group">
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput><input type="hidden" value="">
+</div>"
+`;
+
+exports[`Customize COneTimePassword component renders correctly 1`] = `
+"<div class="form-otp form-otp-lg" role="group">
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput><input type="hidden" disabled="" value="">
+</div>"
+`;
+
+exports[`Loads and display COneTimePassword component renders correctly 1`] = `
+"<div class="form-otp" role="group">
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput>
+  <conetimepasswordinput></conetimepasswordinput><input type="hidden" value="">
+</div>"
+`;

package/src/components/one-time-password-input/index.ts

@@ -0,0 +1,4 @@
+import { COneTimePassword } from './COneTimePassword'
+import { COneTimePasswordInput } from './COneTimePasswordInput'
+
+export { COneTimePassword, COneTimePasswordInput }

package/src/components/one-time-password-input/utils.ts

@@ -0,0 +1,13 @@
+export const isValidInput = (value: string, type: 'number' | 'text'): boolean => {
+  if (type === 'number') {
+    return /^\d$/.test(value)
+  }
+  return /^.$/u.test(value)
+}
+
+export const extractValidChars = (value: string, type: 'number' | 'text'): string => {
+  if (type === 'number') {
+    return value.replace(/\D/g, '')
+  }
+  return value
+}