fix: add onRegisterTypeChange prop to RegisterForm

closes #84
sikka-software · Aug 17, 2024 · f23b482 · f23b482
1 parent 874cb21
commit f23b482
Show file tree

Hide file tree

Showing 8 changed files with 39 additions and 6 deletions.
diff --git a/apps/docs/CHANGELOG.md b/apps/docs/CHANGELOG.md
@@ -1,5 +1,12 @@
 # hawa-docs
 
+## 0.0.115
+
+### Patch Changes
+
+- Updated dependencies
+  - @sikka/hawa@0.48.1
+
 ## 0.0.114
 
 ### Patch Changes

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hawa-docs",
-  "version": "0.0.114",
+  "version": "0.0.115",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3001",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @sikka/hawa
 
+## 0.48.1
+
+### Patch Changes
+
+- Fix: add `onRegisterTypeChange` prop to `RegisterForm`
+- Fix: missing space above `Alert` box in `RegisterForm`
+
 ## 0.48.0
 
 ### Minor Changes

diff --git a/packages/components/blocks/auth/RegisterForm.tsx b/packages/components/blocks/auth/RegisterForm.tsx
@@ -69,6 +69,13 @@ type RegisterFormTypes = {
   onRouteToTOS?: () => void;
   /** Callback function triggered when the error alert is dismissed. */
   onErrorDismissed?: () => void;
+
+  /*
+   * Callback function triggered when the register type is changed.
+   * @param e - The new register type.
+   * */
+  onRegisterTypeChange?: (e: string) => void;
+
   /** Determines whether to show an error alert. */
   showError?: boolean;
   /** Title for the error alert. */
@@ -111,6 +118,7 @@ type RegisterFormTypes = {
    * @default "email"
    */
   registerTypes?: { label: string; value: string }[];
+
   /** Props to pass to the PhoneInput component */
   phoneInputProps?: PhoneInputProps;
 };
@@ -316,15 +324,18 @@ export const RegisterForm: FC<RegisterFormTypes> = ({
                 <Tabs
                   dir={props.direction}
                   value={selectedRegisterType.value}
-                  onValueChange={(e) =>
+                  onValueChange={(e) => {
+                    if (props.onRegisterTypeChange) {
+                      props.onRegisterTypeChange(e);
+                    }
                     setSelectedRegisterType(
                       registerTypes?.find((r) => r.value === e) ||
                         (registerTypes && registerTypes[0]) || {
                           label: "Password",
                           value: "password",
                         },
-                    )
-                  }
+                    );
+                  }}
                 >
                   {registerTypes && registerTypes.length > 1 && (
                     <CardHeader className="hawa-w-full hawa-px-0 hawa-py-0 hawa-mb-4">

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.48.0",
+  "version": "0.48.1",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",

diff --git a/packages/storybook/CHANGELOG.md b/packages/storybook/CHANGELOG.md
@@ -1,5 +1,12 @@
 # hawa-storybook
 
+## 0.26.137
+
+### Patch Changes
+
+- Updated dependencies
+  - @sikka/hawa@0.48.1
+
 ## 0.26.136
 
 ### Patch Changes

diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hawa-storybook",
-  "version": "0.26.136",
+  "version": "0.26.137",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",

diff --git a/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx b/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx
@@ -202,6 +202,7 @@ export const Minimal: Story = {
             { label: t("password"), value: "password" },
             { label: t("phone"), value: "phone" },
           ]}
+          onRegisterTypeChange={(type) => console.log(type)}
         />
       </div>
     );