@itfin/components 1.4.20 → 1.4.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/package.json +1 -1
  2. package/src/components/icon/components/nomi-chevron-right.vue +4 -0
  3. package/src/components/icon/components/nomi-collapse.vue +7 -0
  4. package/src/components/icon/components/nomi-file.vue +4 -0
  5. package/src/components/icon/components/nomi-menu.vue +6 -0
  6. package/src/components/icon/components/nomi-project_alt.vue +4 -0
  7. package/src/components/icon/components/nomi-project_alt2.vue +4 -0
  8. package/src/components/icon/components/nomi-time.vue +4 -0
  9. package/src/components/icon/components/nomi-user_plus.vue +11 -0
  10. package/src/components/icon/components/nomi-warehouse.vue +4 -0
  11. package/src/components/overlay/SensitiveOverlay.vue +3 -2
  12. package/src/helpers/validators.js +38 -0
  13. package/src/helpers/validators.spec.js +51 -0
  14. package/src/locales/en.js +4 -0
  15. package/src/locales/uk.js +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.4.20",
3
+ "version": "1.4.21",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/icon/components/nomi-chevron-right.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9 8.41421L9 15.5858C9 16.4767 10.0771 16.9229 10.7071 16.2929L14.2929 12.7071C14.6834 12.3166 14.6834 11.6834 14.2929 11.2929L10.7071 7.70711C10.0771 7.07714 9 7.52331 9 8.41421Z" fill="currentColor"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-collapse.vue ADDED
@@ -0,0 +1,7 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path style="transform: translate(-9px, 9px)" d="M19 10V5.3C19 5.13431 18.8657 5 18.7 5H14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path style="transform: translate(9px, -9px)" d="M5 14V18.7C5 18.8657 5.13431 19 5.3 19H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M5.5 18.5L9.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M14.5 9.5L18.5 5.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
7
+ </template>
package/src/components/icon/components/nomi-file.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M16.5337 10.6666L16.5444 10.8854C16.654 11.9607 17.5624 12.8002 18.6665 12.8004H22.6665V23.9996C22.6665 24.736 22.0699 25.3336 21.3335 25.3336H10.6665C9.93027 25.3334 9.3335 24.7359 9.3335 23.9996V7.99963C9.33367 7.26351 9.93038 6.6668 10.6665 6.66663H16.5337V10.6666ZM21.8667 11.1998H18.6665C18.4089 11.1996 18.1937 11.017 18.144 10.774L18.1333 10.6666V7.46643L21.8667 11.1998Z" fill="currentColor"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-menu.vue ADDED
@@ -0,0 +1,6 @@
1
+ <template><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19.8332 18.6667H8.1665" stroke="#0B1315" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M19.8332 9.33331H8.1665" stroke="#0B1315" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M19.8332 14L8.1665 14" stroke="#0B1315" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
6
+ </template>
package/src/components/icon/components/nomi-project_alt.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M16 6C17.2151 6 18.3797 6.21638 19.457 6.61328L18.0332 8.03809C17.9749 8.09635 17.921 8.15777 17.8711 8.22168C17.2707 8.07779 16.6445 8 16 8C11.5817 8 8 11.5817 8 16C8 20.4183 11.5817 24 16 24C20.4183 24 24 20.4183 24 16C24 15.2061 23.8824 14.4398 23.667 13.7158C23.6745 13.7086 23.6831 13.7017 23.6904 13.6943L25.2314 12.1523C25.7257 13.3369 26 14.6363 26 16C26 21.5228 21.5228 26 16 26C10.4772 26 6 21.5228 6 16C6 10.4772 10.4772 6 16 6ZM16 10C16.5516 10 17.0855 10.0755 17.5928 10.2148L17.8662 11.0332L16.8154 12.083C16.5522 12.0285 16.2794 12 16 12C13.7909 12 12 13.7909 12 16C12 18.2091 13.7909 20 16 20C18.2091 20 20 18.2091 20 16C20 15.5648 19.9293 15.1462 19.8008 14.7539L20.6943 13.8613L21.6436 14.1777C21.6706 14.1868 21.6983 14.1934 21.7256 14.2012C21.9038 14.7691 22 15.3733 22 16C22 19.3137 19.3137 22 16 22C12.6863 22 10 19.3137 10 16C10 12.6863 12.6863 10 16 10ZM20.9131 6.57227C21.1759 6.30944 21.6237 6.41496 21.7412 6.76758L22.1924 8.12109C22.5828 7.73074 23.2159 7.7308 23.6064 8.12109C23.9969 8.51158 23.9969 9.14462 23.6064 9.53516L23.6348 9.54395L24.96 9.98633C25.3124 10.1038 25.4187 10.5516 25.1562 10.8145L22.9834 12.9873C22.7157 13.255 22.3192 13.3491 21.96 13.2295L20.4248 12.7178L16.5352 16.6064C16.1446 16.9969 15.5116 16.9969 15.1211 16.6064C14.7308 16.2159 14.7308 15.5829 15.1211 15.1924L17.8564 12.457L19.0107 11.3037L18.499 9.76855C18.3793 9.40927 18.4725 9.01295 18.7402 8.74512L18.9287 8.55566L20.4434 7.04102L20.9131 6.57227Z" fill="currentColor"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-project_alt2.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 15.8337C13.222 15.8337 15.8337 13.222 15.8337 10.0003C15.8337 6.77866 13.222 4.16699 10.0003 4.16699C6.77866 4.16699 4.16699 6.77866 4.16699 10.0003C4.16699 13.222 6.77866 15.8337 10.0003 15.8337ZM7.91697 10.0003C7.91697 8.84973 8.84971 7.91699 10.0003 7.91699C11.1509 7.91699 12.0836 8.84973 12.0836 10.0003C12.0836 11.1509 11.1509 12.0837 10.0003 12.0837C8.84971 12.0837 7.91697 11.1509 7.91697 10.0003ZM10.0003 6.25032C7.92924 6.25032 6.25031 7.92925 6.25031 10.0003C6.25031 12.0714 7.92924 13.7503 10.0003 13.7503C12.0714 13.7503 13.7503 12.0714 13.7503 10.0003C13.7503 7.92925 12.0714 6.25032 10.0003 6.25032Z" fill="currentColor"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-time.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15.9995 6.66669C17.2873 6.66669 18.5143 6.92741 19.6304 7.39911C19.2736 7.95791 19.0659 8.6216 19.0659 9.33368C19.0661 11.3218 20.6784 12.9333 22.6665 12.9333C23.3788 12.9333 24.0422 12.7258 24.6011 12.3688C25.0729 13.4849 25.3335 14.7119 25.3335 15.9997C25.3335 21.1544 21.1542 25.3337 15.9995 25.3337C10.845 25.3335 6.6665 21.1542 6.6665 15.9997C6.66668 10.8453 10.8451 6.66686 15.9995 6.66669ZM15.9995 8.53387C15.5578 8.53401 15.1997 8.89193 15.1997 9.33368V15.6247L11.4878 18.7194C11.1487 19.0023 11.1026 19.5061 11.3853 19.8454C11.668 20.1846 12.1718 20.2304 12.5112 19.9479L16.5112 16.6149C16.6935 16.4631 16.7991 16.2379 16.7993 16.0007V9.33368C16.7993 8.89185 16.4413 8.53388 15.9995 8.53387ZM22.6665 7.33368C23.771 7.33372 24.6665 8.22914 24.6665 9.33368C24.6664 10.2574 24.0391 11.0317 23.188 11.2614C23.1614 11.2687 23.1349 11.2767 23.1079 11.2829C23.0837 11.2884 23.0592 11.293 23.0347 11.2975C22.9918 11.3057 22.9486 11.3118 22.9048 11.3171C22.8885 11.319 22.8723 11.3214 22.856 11.3229C22.7936 11.3289 22.7305 11.3337 22.6665 11.3337C21.6906 11.3337 20.8787 10.6343 20.7026 9.70966C20.6794 9.58783 20.6665 9.46225 20.6665 9.33368C20.6665 9.30627 20.6693 9.27879 20.6704 9.25165C20.6715 9.22418 20.6711 9.19678 20.6733 9.16962L20.6763 9.1286C20.6786 9.10559 20.6839 9.08302 20.687 9.06024C20.6914 9.02844 20.6958 8.99681 20.7017 8.96552C20.7066 8.93892 20.7123 8.91262 20.7183 8.88641C20.7252 8.85645 20.7334 8.82698 20.7417 8.79755C20.7499 8.76815 20.7567 8.73849 20.7661 8.70966C20.775 8.6828 20.7864 8.6569 20.7964 8.63055C21.0812 7.87323 21.8096 7.33368 22.6665 7.33368Z" fill="currentColor"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/components/nomi-user_plus.vue ADDED
@@ -0,0 +1,11 @@
1
+ <template><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="14.0003" cy="9.33333" r="3.33333" fill="currentColor"/>
3
+ <path d="M8.60541 22C7.29221 22 6.63561 22 6.23231 21.44C5.82902 20.88 6.00385 20.3808 6.35352 19.3824C6.40585 19.233 6.46271 19.085 6.52407 18.9385C6.93073 17.9679 7.52677 17.086 8.27817 16.3431C9.02957 15.6003 9.92162 15.011 10.9034 14.609C11.8851 14.2069 12.9374 14 14 14C15.0626 14 16.1149 14.2069 17.0966 14.609C18.0784 15.011 18.9704 15.6003 19.7218 16.3431C20.4732 17.086 21.0693 17.9679 21.4759 18.9385C21.5373 19.085 21.5941 19.233 21.6465 19.3824C21.9961 20.3808 22.171 20.88 21.7677 21.44C21.3644 22 20.7078 22 19.3946 22L8.60541 22Z" fill="currentColor"/>
4
+ <mask id="path-3-outside-1_2302_29120" maskUnits="userSpaceOnUse" x="16.2002" y="16.2052" width="12" height="12" fill="black">
5
+ <rect fill="white" x="16.2002" y="16.2052" width="12" height="12"/>
6
+ <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z"/>
7
+ </mask>
8
+ <path d="M22.0049 17.2052C22.4467 17.2053 22.8047 17.5632 22.8047 18.005V21.2003H26L26.082 21.2042C26.4852 21.2454 26.7998 21.5861 26.7998 22.0001C26.7998 22.4142 26.4852 22.7548 26.082 22.796L26 22.7999H22.8047V26.005L22.8008 26.087C22.7595 26.4901 22.4188 26.8048 22.0049 26.8048C21.5909 26.8048 21.2503 26.4901 21.209 26.087L21.2051 26.005V22.7999H18C17.5582 22.7999 17.2002 22.4419 17.2002 22.0001C17.2002 21.5583 17.5582 21.2003 18 21.2003H21.2051V18.005C21.2051 17.5632 21.5631 17.2052 22.0049 17.2052Z" fill="currentColor"/>
9
+ <path d="M22.0049 17.2052L22.005 16.2052H22.0049V17.2052ZM22.8047 18.005L21.8047 18.005V18.005H22.8047ZM22.8047 21.2003H21.8047V22.2003H22.8047V21.2003ZM26 21.2003L26.0476 20.2014L26.0238 20.2003H26V21.2003ZM26.082 21.2042L26.1837 20.2094L26.1567 20.2066L26.1296 20.2054L26.082 21.2042ZM26.082 22.796L26.1296 23.7949L26.1567 23.7936L26.1837 23.7908L26.082 22.796ZM26 22.7999V23.7999H26.0238L26.0476 23.7988L26 22.7999ZM22.8047 22.7999V21.7999H21.8047V22.7999H22.8047ZM22.8047 26.005L23.8036 26.0526L23.8047 26.0288V26.005H22.8047ZM22.8008 26.087L23.7956 26.1889L23.7984 26.1618L23.7996 26.1346L22.8008 26.087ZM22.0049 26.8048V27.8048H22.005L22.0049 26.8048ZM21.209 26.087L20.2101 26.1346L20.2114 26.1618L20.2142 26.1889L21.209 26.087ZM21.2051 26.005H20.2051V26.0288L20.2062 26.0526L21.2051 26.005ZM21.2051 22.7999H22.2051V21.7999H21.2051V22.7999ZM21.2051 21.2003V22.2003H22.2051V21.2003H21.2051ZM21.2051 18.005L20.2051 18.005V18.005H21.2051ZM22.0049 17.2052L22.0048 18.2052C21.8945 18.2052 21.8047 18.1156 21.8047 18.005L22.8047 18.005L23.8047 18.005C23.8047 17.0108 22.9988 16.2053 22.005 16.2052L22.0049 17.2052ZM22.8047 18.005H21.8047V21.2003H22.8047H23.8047V18.005H22.8047ZM22.8047 21.2003V22.2003H26V21.2003V20.2003H22.8047V21.2003ZM26 21.2003L25.9524 22.1992L26.0345 22.2031L26.082 21.2042L26.1296 20.2054L26.0476 20.2014L26 21.2003ZM26.082 21.2042L25.9804 22.199C25.8785 22.1886 25.7998 22.1042 25.7998 22.0001H26.7998H27.7998C27.7998 21.0679 27.0919 20.3022 26.1837 20.2094L26.082 21.2042ZM26.7998 22.0001H25.7998C25.7998 21.896 25.8785 21.8116 25.9804 21.8012L26.082 22.796L26.1837 23.7908C27.0919 23.6981 27.7998 22.9323 27.7998 22.0001H26.7998ZM26.082 22.796L26.0345 21.7972L25.9524 21.8011L26 22.7999L26.0476 23.7988L26.1296 23.7949L26.082 22.796ZM26 22.7999V21.7999H22.8047V22.7999V23.7999H26V22.7999ZM22.8047 22.7999H21.8047V26.005H22.8047H23.8047V22.7999H22.8047ZM22.8047 26.005L21.8058 25.9574L21.8019 26.0395L22.8008 26.087L23.7996 26.1346L23.8036 26.0526L22.8047 26.005ZM22.8008 26.087L21.806 25.9852C21.8164 25.8834 21.9006 25.8048 22.0048 25.8048L22.0049 26.8048L22.005 27.8048C22.9371 27.8047 23.7027 27.0968 23.7956 26.1889L22.8008 26.087ZM22.0049 26.8048V25.8048C22.1092 25.8048 22.1934 25.8836 22.2038 25.9852L21.209 26.087L20.2142 26.1889C20.3071 27.0967 21.0725 27.8048 22.0049 27.8048V26.8048ZM21.209 26.087L22.2079 26.0395L22.2039 25.9574L21.2051 26.005L20.2062 26.0526L20.2101 26.1346L21.209 26.087ZM21.2051 26.005H22.2051V22.7999H21.2051H20.2051V26.005H21.2051ZM21.2051 22.7999V21.7999H18V22.7999V23.7999H21.2051V22.7999ZM18 22.7999V21.7999C18.1105 21.7999 18.2002 21.8897 18.2002 22.0001H17.2002H16.2002C16.2002 22.9942 17.0059 23.7999 18 23.7999V22.7999ZM17.2002 22.0001H18.2002C18.2002 22.1106 18.1105 22.2003 18 22.2003V21.2003V20.2003C17.0059 20.2003 16.2002 21.006 16.2002 22.0001H17.2002ZM18 21.2003V22.2003H21.2051V21.2003V20.2003H18V21.2003ZM21.2051 21.2003H22.2051V18.005H21.2051H20.2051V21.2003H21.2051ZM21.2051 18.005L22.2051 18.005C22.2051 18.1155 22.1153 18.2052 22.0049 18.2052V17.2052V16.2052C21.0108 16.2052 20.2051 17.0109 20.2051 18.005L21.2051 18.005Z" fill="#F2F4F7" mask="url(#path-3-outside-1_2302_29120)"/>
10
+ </svg>
11
+ </template>
package/src/components/icon/components/nomi-warehouse.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M25.3335 20C25.3335 21.8854 25.3332 22.8283 24.7476 23.4141C24.1618 23.9998 23.2189 24 21.3335 24H10.6665C8.78089 24 7.83823 23.9998 7.25244 23.4141C6.66665 22.8283 6.6665 21.8856 6.6665 20V12.7998H25.3335V20ZM13.3335 15.2002C12.8917 15.2002 12.5337 15.5582 12.5337 16C12.5337 16.4418 12.8917 16.7998 13.3335 16.7998H18.6665L18.7485 16.7959C19.1518 16.7548 19.4673 16.4141 19.4673 16C19.4673 15.5859 19.1518 15.2452 18.7485 15.2041L18.6665 15.2002H13.3335ZM21.3335 8C23.2189 8 24.1618 8.00018 24.7476 8.58594C25.2438 9.08229 25.3161 9.83499 25.3276 11.2002H6.67236C6.68393 9.83484 6.75609 9.08229 7.25244 8.58594C7.83823 8.00015 8.78089 8 10.6665 8H21.3335Z" fill="currentColor"/>
3
+ </svg>
4
+ </template>
package/src/components/overlay/SensitiveOverlay.vue CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <div class="itf-sensitive-overlay__cover">
7
7
  <slot name="hint">
8
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.8 122.88" style="enable-background:new 0 0 104.8 122.88" xml:space="preserve"><g><path fill="currentColor" d="M39.92,0c11.02,0,21,4.47,28.23,11.69c7.22,7.22,11.69,17.2,11.69,28.23c0,3.8-0.53,7.47-1.52,10.95l-3.7-2.53 c0.65-2.7,1-5.52,1-8.42c0-9.86-4-18.78-10.46-25.24C58.7,8.21,49.78,4.22,39.92,4.22c-9.86,0-18.78,4-25.24,10.46 C8.21,21.13,4.22,30.06,4.22,39.92c0,9.86,4,18.78,10.46,25.24c4.79,4.79,10.93,8.22,17.8,9.68l0.34,4.36 c-8.17-1.47-15.48-5.43-21.11-11.06C4.47,60.92,0,50.94,0,39.92c0-11.02,4.47-21,11.69-28.23C18.91,4.47,28.89,0,39.92,0L39.92,0z M81.84,122.5c-0.89,0.41-1.88,0.48-2.76,0.25c-0.97-0.26-1.83-0.87-2.36-1.78l-9.91-17.08l-9.42,10.57 c-1.31,1.47-2.8,2.58-4.24,3.16c-1.11,0.45-2.2,0.59-3.22,0.37c-1.13-0.24-2.09-0.89-2.8-2c-0.56-0.89-0.93-2.07-1.05-3.59 l-5.25-68.42c-0.01-0.05-0.01-0.11-0.01-0.15c-0.01-0.43,0.07-0.85,0.25-1.23c0.19-0.44,0.51-0.84,0.91-1.13 c0.17-0.13,0.36-0.22,0.56-0.27c0.39-0.13,0.8-0.18,1.19-0.13c0.38,0.04,0.75,0.15,1.09,0.35c0.11,0.05,0.23,0.12,0.33,0.2 l56.52,38.7c1.25,0.86,2.09,1.77,2.58,2.7c0.62,1.17,0.69,2.32,0.33,3.42c-0.32,0.99-1,1.87-1.93,2.6 c-1.21,0.95-2.92,1.69-4.86,2.09c-0.02,0.01-0.05,0.01-0.07,0.01L83.92,94l9.84,17.13c0.52,0.91,0.62,1.96,0.36,2.92 c-0.25,0.94-0.85,1.8-1.72,2.37c-0.03,0.03-0.07,0.05-0.11,0.07l-10.21,5.9C81.99,122.43,81.92,122.47,81.84,122.5L81.84,122.5 L81.84,122.5z M79.99,119.28c0.1,0.03,0.2,0.03,0.29-0.01c0.03-0.02,0.07-0.04,0.11-0.05l10.08-5.82c0.09-0.07,0.15-0.17,0.19-0.27 c0.02-0.09,0.02-0.17-0.01-0.22L79.11,93.16h0.01c-0.09-0.16-0.16-0.34-0.2-0.53c-0.2-0.97,0.43-1.91,1.39-2.11l16.22-2.88 c0.02-0.01,0.04-0.01,0.07-0.01c1.4-0.29,2.58-0.79,3.38-1.41c0.39-0.31,0.65-0.61,0.74-0.9c0.06-0.18,0.03-0.4-0.1-0.65 c-0.23-0.43-0.69-0.89-1.43-1.41L45.01,46.02l5.12,65.4c0.07,0.91,0.25,1.54,0.5,1.94c0.15,0.23,0.33,0.37,0.51,0.41 c0.3,0.07,0.69-0.01,1.15-0.19c0.93-0.37,1.94-1.15,2.9-2.22l10.11-12.18l0,0c0.13-0.14,0.27-0.26,0.44-0.36 c0.85-0.49,1.95-0.21,2.44,0.65l11.63,19.69C79.85,119.22,79.91,119.26,79.99,119.28L79.99,119.28L79.99,119.28z M80.39,119.22 c0.23-0.11,0.5-0.18,0.78-0.18L80.39,119.22L80.39,119.22L80.39,119.22z M39.92,27.34c3.47,0,6.62,1.41,8.89,3.69 c0.23,0.23,0.46,0.48,0.67,0.73c-0.12-0.04-0.24-0.08-0.36-0.12c-0.65-0.21-1.35-0.37-2.09-0.48c-0.23-0.04-0.47-0.08-0.71-0.1 c-1.05-0.12-2.14-0.12-3.23,0c-0.15,0.02-0.3,0.04-0.46,0.06c-0.86-0.27-1.78-0.41-2.73-0.41c-2.55,0-4.86,1.03-6.52,2.69 l-0.01,0.01c-1.66,1.66-2.69,3.97-2.69,6.52c0,1.3,0.11,1.34-0.16,2.69c-0.14,0.68-0.22,1.44-0.24,2.28 c-0.04,0.56-0.04,1.13,0,1.71l0.12,1.58c-1.92-2.21-3.08-5.09-3.08-8.25c0-3.46,1.41-6.61,3.69-8.89l0.01-0.01 C33.31,28.74,36.45,27.34,39.92,27.34L39.92,27.34z M39.92,13.68c7.24,0,13.8,2.94,18.55,7.68c4.75,4.75,7.68,11.31,7.68,18.55 c0,0.86-0.04,1.7-0.12,2.54l-3.85-2.64c-0.03-6.11-2.51-11.64-6.52-15.64c-4.03-4.03-9.59-6.52-15.74-6.52 c-6.15,0-11.71,2.49-15.74,6.52c-4.03,4.03-6.52,9.59-6.52,15.74c0,6.15,2.49,11.71,6.52,15.74c2.04,2.04,4.48,3.69,7.19,4.82 l0.34,4.37c-3.94-1.3-7.47-3.51-10.34-6.37c-4.75-4.75-7.68-11.31-7.68-18.55c0-7.24,2.94-13.8,7.68-18.55 C26.11,16.62,32.67,13.68,39.92,13.68L39.92,13.68z"/></g></svg>
8
+ <svg class="icon-cursor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.8 122.88" style="enable-background:new 0 0 104.8 122.88" xml:space="preserve"><g><path fill="currentColor" d="M39.92,0c11.02,0,21,4.47,28.23,11.69c7.22,7.22,11.69,17.2,11.69,28.23c0,3.8-0.53,7.47-1.52,10.95l-3.7-2.53 c0.65-2.7,1-5.52,1-8.42c0-9.86-4-18.78-10.46-25.24C58.7,8.21,49.78,4.22,39.92,4.22c-9.86,0-18.78,4-25.24,10.46 C8.21,21.13,4.22,30.06,4.22,39.92c0,9.86,4,18.78,10.46,25.24c4.79,4.79,10.93,8.22,17.8,9.68l0.34,4.36 c-8.17-1.47-15.48-5.43-21.11-11.06C4.47,60.92,0,50.94,0,39.92c0-11.02,4.47-21,11.69-28.23C18.91,4.47,28.89,0,39.92,0L39.92,0z M81.84,122.5c-0.89,0.41-1.88,0.48-2.76,0.25c-0.97-0.26-1.83-0.87-2.36-1.78l-9.91-17.08l-9.42,10.57 c-1.31,1.47-2.8,2.58-4.24,3.16c-1.11,0.45-2.2,0.59-3.22,0.37c-1.13-0.24-2.09-0.89-2.8-2c-0.56-0.89-0.93-2.07-1.05-3.59 l-5.25-68.42c-0.01-0.05-0.01-0.11-0.01-0.15c-0.01-0.43,0.07-0.85,0.25-1.23c0.19-0.44,0.51-0.84,0.91-1.13 c0.17-0.13,0.36-0.22,0.56-0.27c0.39-0.13,0.8-0.18,1.19-0.13c0.38,0.04,0.75,0.15,1.09,0.35c0.11,0.05,0.23,0.12,0.33,0.2 l56.52,38.7c1.25,0.86,2.09,1.77,2.58,2.7c0.62,1.17,0.69,2.32,0.33,3.42c-0.32,0.99-1,1.87-1.93,2.6 c-1.21,0.95-2.92,1.69-4.86,2.09c-0.02,0.01-0.05,0.01-0.07,0.01L83.92,94l9.84,17.13c0.52,0.91,0.62,1.96,0.36,2.92 c-0.25,0.94-0.85,1.8-1.72,2.37c-0.03,0.03-0.07,0.05-0.11,0.07l-10.21,5.9C81.99,122.43,81.92,122.47,81.84,122.5L81.84,122.5 L81.84,122.5z M79.99,119.28c0.1,0.03,0.2,0.03,0.29-0.01c0.03-0.02,0.07-0.04,0.11-0.05l10.08-5.82c0.09-0.07,0.15-0.17,0.19-0.27 c0.02-0.09,0.02-0.17-0.01-0.22L79.11,93.16h0.01c-0.09-0.16-0.16-0.34-0.2-0.53c-0.2-0.97,0.43-1.91,1.39-2.11l16.22-2.88 c0.02-0.01,0.04-0.01,0.07-0.01c1.4-0.29,2.58-0.79,3.38-1.41c0.39-0.31,0.65-0.61,0.74-0.9c0.06-0.18,0.03-0.4-0.1-0.65 c-0.23-0.43-0.69-0.89-1.43-1.41L45.01,46.02l5.12,65.4c0.07,0.91,0.25,1.54,0.5,1.94c0.15,0.23,0.33,0.37,0.51,0.41 c0.3,0.07,0.69-0.01,1.15-0.19c0.93-0.37,1.94-1.15,2.9-2.22l10.11-12.18l0,0c0.13-0.14,0.27-0.26,0.44-0.36 c0.85-0.49,1.95-0.21,2.44,0.65l11.63,19.69C79.85,119.22,79.91,119.26,79.99,119.28L79.99,119.28L79.99,119.28z M80.39,119.22 c0.23-0.11,0.5-0.18,0.78-0.18L80.39,119.22L80.39,119.22L80.39,119.22z M39.92,27.34c3.47,0,6.62,1.41,8.89,3.69 c0.23,0.23,0.46,0.48,0.67,0.73c-0.12-0.04-0.24-0.08-0.36-0.12c-0.65-0.21-1.35-0.37-2.09-0.48c-0.23-0.04-0.47-0.08-0.71-0.1 c-1.05-0.12-2.14-0.12-3.23,0c-0.15,0.02-0.3,0.04-0.46,0.06c-0.86-0.27-1.78-0.41-2.73-0.41c-2.55,0-4.86,1.03-6.52,2.69 l-0.01,0.01c-1.66,1.66-2.69,3.97-2.69,6.52c0,1.3,0.11,1.34-0.16,2.69c-0.14,0.68-0.22,1.44-0.24,2.28 c-0.04,0.56-0.04,1.13,0,1.71l0.12,1.58c-1.92-2.21-3.08-5.09-3.08-8.25c0-3.46,1.41-6.61,3.69-8.89l0.01-0.01 C33.31,28.74,36.45,27.34,39.92,27.34L39.92,27.34z M39.92,13.68c7.24,0,13.8,2.94,18.55,7.68c4.75,4.75,7.68,11.31,7.68,18.55 c0,0.86-0.04,1.7-0.12,2.54l-3.85-2.64c-0.03-6.11-2.51-11.64-6.52-15.64c-4.03-4.03-9.59-6.52-15.74-6.52 c-6.15,0-11.71,2.49-15.74,6.52c-4.03,4.03-6.52,9.59-6.52,15.74c0,6.15,2.49,11.71,6.52,15.74c2.04,2.04,4.48,3.69,7.19,4.82 l0.34,4.37c-3.94-1.3-7.47-3.51-10.34-6.37c-4.75-4.75-7.68-11.31-7.68-18.55c0-7.24,2.94-13.8,7.68-18.55 C26.11,16.62,32.67,13.68,39.92,13.68L39.92,13.68z"/></g></svg>
9
9
 
10
10
  <div class="ms-3">
11
11
  Sensitive data
@@ -25,7 +25,7 @@
25
25
  position: relative;
26
26
  min-height: 100px;
27
27
 
28
- svg {
28
+ .icon-cursor {
29
29
  width: 48px;
30
30
  height: 48px;
31
31
  }
@@ -61,6 +61,7 @@
61
61
  left: 0;
62
62
  right: 0;
63
63
  bottom: 0;
64
+ z-index: 1000;
64
65
  background-color: rgb(255, 255, 255);
65
66
  transition: opacity .25s;
66
67
 
package/src/helpers/validators.js CHANGED
@@ -12,6 +12,8 @@ const DOUBLE_REGEXP = /^-?\d{0,11}(\.\d{0,8}){0,1}$/;
12
12
  const EMAIL_REGEXP = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/g;
13
13
  const EMAIL_LIST_REGEXP = /^(\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]{2,4}\s*?,?\s*?)+$/g;
14
14
  const HEX_REGEXP = /[0-9A-Fa-f]{6}/;
15
+ const PASSWORD_MIN_LENGTH = 8;
16
+ const PASSWORD_MAX_LENGTH = 50;
15
17
 
16
18
  const STANDART_DATE_FORMAT = 'yyyy-MM-dd';
17
19
 
@@ -181,3 +183,39 @@ export function dateSameOrBeforeValidation (dateCompare, message) {
181
183
  return d1 <= d2 || (message || $t('components.dateSameOrBefore', { date: formatDate(dateCompare) }));
182
184
  };
183
185
  }
186
+
187
+ export function hasUppercaseValidation(message) {
188
+ return (v, $t) => {
189
+ return !isEmpty(v) && /\p{Lu}/u.test(v + '') || (message || $t('components.atLeastOneUppercaseLetterRequired'));
190
+ };
191
+ }
192
+
193
+ export function hasLowercaseValidation(message) {
194
+ return (v, $t) => {
195
+ return !isEmpty(v) && /\p{Ll}/u.test(v + '') || (message || $t('components.atLeastOneLowercaseLetterRequired'));
196
+ };
197
+ }
198
+
199
+ export function hasDigitValidation(message) {
200
+ return (v, $t) => {
201
+ return !isEmpty(v) && /\d/.test(v + '') || (message || $t('components.atLeastOneNumberRequired'));
202
+ };
203
+ }
204
+
205
+ export function hasSpecialCharValidation(message) {
206
+ return (v, $t) => {
207
+ return !isEmpty(v) && /[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]/.test(v + '') || (message || $t('components.atLeastOneSpecialCharacterRequired'));
208
+ };
209
+ }
210
+
211
+ export function accountPasswordValidation(message) {
212
+ return [
213
+ emptyValidation(message),
214
+ minLengthValidation(PASSWORD_MIN_LENGTH, message),
215
+ lengthValidation(PASSWORD_MAX_LENGTH, message),
216
+ hasUppercaseValidation(message),
217
+ hasLowercaseValidation(message),
218
+ hasDigitValidation(message),
219
+ hasSpecialCharValidation(message),
220
+ ];
221
+ }
package/src/helpers/validators.spec.js CHANGED
@@ -7,6 +7,10 @@ import {
7
7
  dateAfterValidation,
8
8
  dateSameOrAfterValidation,
9
9
  dateSameOrBeforeValidation,
10
+ hasUppercaseValidation,
11
+ hasLowercaseValidation,
12
+ hasDigitValidation,
13
+ hasSpecialCharValidation,
10
14
  } from './validators';
11
15
 
12
16
  describe('Validators', () => {
@@ -81,4 +85,51 @@ describe('Validators', () => {
81
85
  expect(mediumTextValidation()('0'.repeat(16777215), $t)).toEqual(true);
82
86
  expect(mediumTextValidation()('0'.repeat(16777216), $t)).toEqual('components.mediumTextLength');
83
87
  });
88
+
89
+ test('hasUppercaseValidation', () => {
90
+ expect(hasUppercaseValidation()('', $t)).toEqual('components.atLeastOneUppercaseLetterRequired');
91
+ expect(hasUppercaseValidation()(' ', $t)).toEqual('components.atLeastOneUppercaseLetterRequired');
92
+ expect(hasUppercaseValidation()(null, $t)).toEqual('components.atLeastOneUppercaseLetterRequired');
93
+ expect(hasUppercaseValidation()(undefined, $t)).toEqual('components.atLeastOneUppercaseLetterRequired');
94
+ expect(hasUppercaseValidation()('A', $t)).toEqual(true);
95
+ expect(hasUppercaseValidation()(' Test ', $t)).toEqual(true);
96
+ expect(hasUppercaseValidation()(' test ', $t)).toEqual('components.atLeastOneUppercaseLetterRequired');
97
+ expect(hasUppercaseValidation()(' Тест ', $t)).toEqual(true);
98
+ expect(hasUppercaseValidation()(' тест ', $t)).toEqual('components.atLeastOneUppercaseLetterRequired');
99
+ expect(hasUppercaseValidation()(' ТЕСТ ', $t)).toEqual(true);
100
+ });
101
+
102
+ test('hasLowercaseValidation', () => {
103
+ expect(hasLowercaseValidation()('', $t)).toEqual('components.atLeastOneLowercaseLetterRequired');
104
+ expect(hasLowercaseValidation()(' ', $t)).toEqual('components.atLeastOneLowercaseLetterRequired');
105
+ expect(hasLowercaseValidation()(null, $t)).toEqual('components.atLeastOneLowercaseLetterRequired');
106
+ expect(hasLowercaseValidation()(undefined, $t)).toEqual('components.atLeastOneLowercaseLetterRequired');
107
+ expect(hasLowercaseValidation()('a', $t)).toEqual(true);
108
+ expect(hasLowercaseValidation()(' test ', $t)).toEqual(true);
109
+ expect(hasLowercaseValidation()('A', $t)).toEqual('components.atLeastOneLowercaseLetterRequired');
110
+ expect(hasLowercaseValidation()(' Test ', $t)).toEqual(true);
111
+ expect(hasLowercaseValidation()(' Тест ', $t)).toEqual(true);
112
+ expect(hasLowercaseValidation()(' тест ', $t)).toEqual(true);
113
+ expect(hasLowercaseValidation()(' ТЕСТ ', $t)).toEqual('components.atLeastOneLowercaseLetterRequired');
114
+ })
115
+
116
+ test('hasDigitValidation', () => {
117
+ expect(hasDigitValidation()('', $t)).toEqual('components.atLeastOneNumberRequired');
118
+ expect(hasDigitValidation()(' ', $t)).toEqual('components.atLeastOneNumberRequired');
119
+ expect(hasDigitValidation()(null, $t)).toEqual('components.atLeastOneNumberRequired');
120
+ expect(hasDigitValidation()(undefined, $t)).toEqual('components.atLeastOneNumberRequired');
121
+ expect(hasDigitValidation()('1', $t)).toEqual(true);
122
+ expect(hasDigitValidation()(' 1 ', $t)).toEqual(true);
123
+ expect(hasDigitValidation()('a', $t)).toEqual('components.atLeastOneNumberRequired');
124
+ });
125
+
126
+ test('hasSpecialCharValidation', () => {
127
+ expect(hasSpecialCharValidation()('', $t)).toEqual('components.atLeastOneSpecialCharacterRequired');
128
+ expect(hasSpecialCharValidation()(' ', $t)).toEqual('components.atLeastOneSpecialCharacterRequired');
129
+ expect(hasSpecialCharValidation()(null, $t)).toEqual('components.atLeastOneSpecialCharacterRequired');
130
+ expect(hasSpecialCharValidation()(undefined, $t)).toEqual('components.atLeastOneSpecialCharacterRequired');
131
+ expect(hasSpecialCharValidation()('@', $t)).toEqual(true);
132
+ expect(hasSpecialCharValidation()(' @ ', $t)).toEqual(true);
133
+ expect(hasSpecialCharValidation()('a', $t)).toEqual('components.atLeastOneSpecialCharacterRequired');
134
+ });
84
135
  });
package/src/locales/en.js CHANGED
@@ -56,6 +56,10 @@ module.exports = {
56
56
  addMore: 'Add more',
57
57
  close: 'Close',
58
58
  wholeYear: 'Whole year',
59
+ atLeastOneUppercaseLetterRequired: 'At least one uppercase letter is required',
60
+ atLeastOneLowercaseLetterRequired: 'At least one lowercase letter is required',
61
+ atLeastOneNumberRequired: 'At least one number is required',
62
+ atLeastOneSpecialCharacterRequired: 'At least one special character is required (e.g. @,$,!,%,*,?,&)',
59
63
 
60
64
  select: {
61
65
  loading: 'Loading...',
package/src/locales/uk.js CHANGED
@@ -56,6 +56,10 @@ module.exports = {
56
56
  addMore: 'Додати ще',
57
57
  close: 'Закрити',
58
58
  wholeYear: 'Весь рік',
59
+ atLeastOneUppercaseLetterRequired: 'Має бути принаймні одна велика літера',
60
+ atLeastOneLowercaseLetterRequired: 'Має бути принаймні одна мала літера',
61
+ atLeastOneNumberRequired: 'Має бути принаймні одна цифра',
62
+ atLeastOneSpecialCharacterRequired: 'Має бути принаймні один спеціальний символ (@,$,!,%,*,?,&)',
59
63
 
60
64
  select: {
61
65
  loading: 'Завантаження...',