@sikka/hawa 0.0.155 → 0.0.156

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 (13) hide show
  1. package/es/blocks/AuthForms/SignUpForm.d.ts +1 -1
  2. package/es/index.es.js +1 -1
  3. package/lib/blocks/AuthForms/SignUpForm.d.ts +1 -1
  4. package/lib/index.js +1 -1
  5. package/package.json +1 -1
  6. package/src/blocks/AuthForms/SignUpForm.tsx +76 -63
  7. package/storybook-static/870.6284ce82.iframe.bundle.js +2 -0
  8. package/storybook-static/{870.c002064e.iframe.bundle.js.LICENSE.txt → 870.6284ce82.iframe.bundle.js.LICENSE.txt} +0 -0
  9. package/storybook-static/iframe.html +1 -1
  10. package/storybook-static/main.e0e4e1a0.iframe.bundle.js +1 -0
  11. package/storybook-static/project.json +1 -1
  12. package/storybook-static/870.c002064e.iframe.bundle.js +0 -2
  13. package/storybook-static/main.f926f5e7.iframe.bundle.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.155",
3
+ "version": "0.0.156",
4
4
  "description": "UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
package/src/blocks/AuthForms/SignUpForm.tsx CHANGED
@@ -42,7 +42,6 @@ type SignUpFormTypes = {
42
42
  twitterButtonLabel: string
43
43
  }
44
44
  showUserSource: any
45
- signUpType: any
46
45
  viaGoogle: boolean
47
46
  viaGithub: boolean
48
47
  viaTwitter: boolean
@@ -58,6 +57,7 @@ type SignUpFormTypes = {
58
57
  showError: any
59
58
  errorTitle: any
60
59
  errorText: any
60
+ signUpFields: any[]
61
61
  }
62
62
 
63
63
  export const SignUpForm: React.FunctionComponent<SignUpFormTypes> = (props) => {
@@ -80,68 +80,81 @@ export const SignUpForm: React.FunctionComponent<SignUpFormTypes> = (props) => {
80
80
  )}
81
81
  <FormProvider {...methods}>
82
82
  <form onSubmit={handleSubmit((e) => props.handleSignUp(e))}>
83
- <Controller
84
- control={control}
85
- name="fullName"
86
- render={({ field }) => (
87
- <HawaTextField
88
- width="full"
89
- type="text"
90
- label={props.texts.fullNameLabel}
91
- placeholder={props.texts.fullNamePlaceholder}
92
- helperText={errors.fullName?.message}
93
- onChange={field.onChange}
94
- value={field.value ?? ""}
95
- />
96
- )}
97
- rules={{
98
- required: props.texts.fullNameRequiredText,
99
- }}
100
- />
101
- {props.signUpType === "email" ? (
102
- <Controller
103
- control={control}
104
- name="email"
105
- render={({ field }) => (
106
- <HawaTextField
107
- width="full"
108
- type="text"
109
- label={props.texts.emailLabel}
110
- helperText={errors.email?.message}
111
- placeholder={props.texts.emailPlaceholder}
112
- onChange={field.onChange}
113
- value={field.value ?? ""}
114
- />
115
- )}
116
- rules={{
117
- required: props.texts.emailRequiredText,
118
- pattern: {
119
- value:
120
- /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
121
- message: props.texts.emailInvalidText,
122
- },
123
- }}
124
- />
125
- ) : (
126
- <Controller
127
- control={control}
128
- name="username"
129
- render={({ field }) => (
130
- <HawaTextField
131
- width="full"
132
- type="text"
133
- label={props.texts.usernameLabel}
134
- helperText={errors.username?.message}
135
- placeholder={props.texts.usernamePlaceholder}
136
- onChange={field.onChange}
137
- value={field.value ?? ""}
138
- />
139
- )}
140
- rules={{
141
- required: props.texts.usernameRequired,
142
- }}
143
- />
144
- )}
83
+ <div>
84
+ {props.signUpFields.map((fld) => {
85
+ if (fld === "fullname") {
86
+ return (
87
+ <Controller
88
+ control={control}
89
+ name="fullName"
90
+ render={({ field }) => (
91
+ <HawaTextField
92
+ width="full"
93
+ type="text"
94
+ label={props.texts.fullNameLabel}
95
+ placeholder={props.texts.fullNamePlaceholder}
96
+ helperText={errors.fullName?.message}
97
+ onChange={field.onChange}
98
+ value={field.value ?? ""}
99
+ />
100
+ )}
101
+ rules={{
102
+ required: props.texts.fullNameRequiredText,
103
+ }}
104
+ />
105
+ )
106
+ }
107
+ if (fld === "email") {
108
+ return (
109
+ <Controller
110
+ control={control}
111
+ name="email"
112
+ render={({ field }) => (
113
+ <HawaTextField
114
+ width="full"
115
+ type="text"
116
+ label={props.texts.emailLabel}
117
+ helperText={errors.email?.message}
118
+ placeholder={props.texts.emailPlaceholder}
119
+ onChange={field.onChange}
120
+ value={field.value ?? ""}
121
+ />
122
+ )}
123
+ rules={{
124
+ required: props.texts.emailRequiredText,
125
+ pattern: {
126
+ value:
127
+ /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
128
+ message: props.texts.emailInvalidText,
129
+ },
130
+ }}
131
+ />
132
+ )
133
+ }
134
+ if (fld === "username") {
135
+ return (
136
+ <Controller
137
+ control={control}
138
+ name="username"
139
+ render={({ field }) => (
140
+ <HawaTextField
141
+ width="full"
142
+ type="text"
143
+ label={props.texts.usernameLabel}
144
+ helperText={errors.username?.message}
145
+ placeholder={props.texts.usernamePlaceholder}
146
+ onChange={field.onChange}
147
+ value={field.value ?? ""}
148
+ />
149
+ )}
150
+ rules={{
151
+ required: props.texts.usernameRequired,
152
+ }}
153
+ />
154
+ )
155
+ }
156
+ })}
157
+ </div>
145
158
  <Controller
146
159
  control={control}
147
160
  name="password"