@sikka/hawa 0.17.4-next → 0.17.6-next

package/dist/index.d.mts

@@ -888,10 +888,14 @@ type IconCountTypes = {
 declare const Count: FC<IconCountTypes>;
 
 type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
+    /** Function to handle language change.   */
+    handleLanguage?: (e: any) => void;
+    /** Current selected language.   */
+    currentLanguage?: string;
+    /** Function to handle theme color mode change.   */
+    handleColorMode?: (e: any) => void;
+    /** Current selected theme color mode.   */
+    currentColorMode?: "light" | "dark";
     orientation?: OrientationType;
     width?: "default" | "full";
 };
@@ -1047,7 +1051,8 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes$1 = {
-    header: React__default.ReactNode;
+    /** a custom header to replace the logoLink & logoSymbol */
+    header?: React__default.ReactNode;
     design?: "default";
     /** The pages of the side drawer */
     drawerItems: AppSidebarItemProps[];
@@ -1089,11 +1094,12 @@ type AppLayoutTypes$1 = {
      * - 'lg': Large width.
      * - 'parent': Inherits width from parent element.
      */
-    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    profileMenuWidth?: "default" | "sm" | "lg" | "parent";
     /** Event handler for drawer expansion. */
     onDrawerExpand?: (e: any) => void;
     /** Specifies whether to keep the drawer open. */
     keepOpen: boolean;
+    /** The method used to control whether the drawer is expanded or not. */
     setKeepOpen: (value: boolean) => void;
     /** Specifies additional actions for the drawer footer. */
     DrawerFooterActions?: any;
@@ -1276,15 +1282,8 @@ type NewPasswordTextsTypes = {
 };
 
 type LoginFormTypes = {
+    /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
-    /** Function to handle language change.   */
-    handleLanguage?: () => void;
-    /** Current selected language.   */
-    currentLanguage?: string;
-    /** Function to handle theme color mode change.   */
-    handleColorMode?: () => void;
-    /** Current selected theme color mode.   */
-    currentColorMode?: "light" | "dark";
     /** If true, only logos are displayed in third-party auth buttons.   */
     logosOnly?: boolean;
     /** Direction of text and UI elements, either left-to-right or right-to-left.   */
@@ -1337,14 +1336,6 @@ declare const LoginForm: FC<LoginFormTypes>;
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts: RegisterFormTextsTypes;
-    /** Callback function triggered to handle language changes.*/
-    handleLanguage?: () => void;
-    /** The current language being used in the application. */
-    currentLanguage?: any;
-    /** Callback function triggered to handle color mode changes. */
-    handleColorMode?: () => void;
-    /** The current color mode being used in the application. */
-    currentColorMode?: any;
     /** Direction of text and layout, either 'rtl' (right-to-left) or 'ltr' (left-to-right). */
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */

package/dist/index.d.ts

@@ -888,10 +888,14 @@ type IconCountTypes = {
 declare const Count: FC<IconCountTypes>;
 
 type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
+    /** Function to handle language change.   */
+    handleLanguage?: (e: any) => void;
+    /** Current selected language.   */
+    currentLanguage?: string;
+    /** Function to handle theme color mode change.   */
+    handleColorMode?: (e: any) => void;
+    /** Current selected theme color mode.   */
+    currentColorMode?: "light" | "dark";
     orientation?: OrientationType;
     width?: "default" | "full";
 };
@@ -1047,7 +1051,8 @@ type NavbarType = {
 declare const Navbar: React__default.FC<NavbarType>;
 
 type AppLayoutTypes$1 = {
-    header: React__default.ReactNode;
+    /** a custom header to replace the logoLink & logoSymbol */
+    header?: React__default.ReactNode;
     design?: "default";
     /** The pages of the side drawer */
     drawerItems: AppSidebarItemProps[];
@@ -1089,11 +1094,12 @@ type AppLayoutTypes$1 = {
      * - 'lg': Large width.
      * - 'parent': Inherits width from parent element.
      */
-    profileMenuWidth: "default" | "sm" | "lg" | "parent";
+    profileMenuWidth?: "default" | "sm" | "lg" | "parent";
     /** Event handler for drawer expansion. */
     onDrawerExpand?: (e: any) => void;
     /** Specifies whether to keep the drawer open. */
     keepOpen: boolean;
+    /** The method used to control whether the drawer is expanded or not. */
     setKeepOpen: (value: boolean) => void;
     /** Specifies additional actions for the drawer footer. */
     DrawerFooterActions?: any;
@@ -1276,15 +1282,8 @@ type NewPasswordTextsTypes = {
 };
 
 type LoginFormTypes = {
+    /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
-    /** Function to handle language change.   */
-    handleLanguage?: () => void;
-    /** Current selected language.   */
-    currentLanguage?: string;
-    /** Function to handle theme color mode change.   */
-    handleColorMode?: () => void;
-    /** Current selected theme color mode.   */
-    currentColorMode?: "light" | "dark";
     /** If true, only logos are displayed in third-party auth buttons.   */
     logosOnly?: boolean;
     /** Direction of text and UI elements, either left-to-right or right-to-left.   */
@@ -1337,14 +1336,6 @@ declare const LoginForm: FC<LoginFormTypes>;
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts: RegisterFormTextsTypes;
-    /** Callback function triggered to handle language changes.*/
-    handleLanguage?: () => void;
-    /** The current language being used in the application. */
-    currentLanguage?: any;
-    /** Callback function triggered to handle color mode changes. */
-    handleColorMode?: () => void;
-    /** The current color mode being used in the application. */
-    currentColorMode?: any;
     /** Direction of text and layout, either 'rtl' (right-to-left) or 'ltr' (left-to-right). */
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */

package/dist/index.js

@@ -6681,6 +6681,8 @@ var import_react34 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
+  handleColorMode,
+  handleLanguage,
   ...props
 }) => {
   const [color, setColor] = (0, import_react34.useState)(props.currentColorMode);
@@ -6695,7 +6697,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: language,
       onChangeTab: (e) => {
-        props.handleLanguage(e);
+        if (handleLanguage) {
+          handleLanguage(e);
+        }
         setLanguage(e);
       },
       design: "tabs",
@@ -6710,7 +6714,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: color,
       onChangeTab: (e) => {
-        props.handleColorMode(e);
+        if (handleColorMode) {
+          handleColorMode(e);
+        }
         setColor(e);
       },
       design: "tabs",
@@ -7601,14 +7607,15 @@ var Navbar = ({
 // components/layout/AppLayout.tsx
 var import_react40 = __toESM(require("react"));
 var AppLayout = ({
+  profileMenuWidth = "default",
+  DrawerFooterActions,
+  design = "default",
   direction = "ltr",
   drawerSize = "md",
-  DrawerFooterActions,
   currentPage,
   clickedItem,
-  keepOpen,
   setKeepOpen,
-  design = "default",
+  keepOpen,
   ...props
 }) => {
   var _a, _b;
@@ -7734,7 +7741,7 @@ var AppLayout = ({
           alignOffset: 8,
           side: "bottom",
           sideOffset: 5,
-          width: props.profileMenuWidth,
+          width: profileMenuWidth,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems,
           onItemSelect: (e) => console.log("selecting item ", e),
@@ -9112,15 +9119,7 @@ var LoginForm = ({
         handleTwitter: props.onTwitterLogin
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react48.default.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/RegisterForm.tsx
@@ -9447,15 +9446,7 @@ var RegisterForm = ({ texts, ...props }) => {
         handleTwitter: props.onTwitterRegister
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react49.default.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/AppLanding.tsx

package/dist/index.mjs

@@ -6474,6 +6474,8 @@ import React57, { useState as useState22 } from "react";
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
+  handleColorMode,
+  handleLanguage,
   ...props
 }) => {
   const [color, setColor] = useState22(props.currentColorMode);
@@ -6488,7 +6490,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: language,
       onChangeTab: (e) => {
-        props.handleLanguage(e);
+        if (handleLanguage) {
+          handleLanguage(e);
+        }
         setLanguage(e);
       },
       design: "tabs",
@@ -6503,7 +6507,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: color,
       onChangeTab: (e) => {
-        props.handleColorMode(e);
+        if (handleColorMode) {
+          handleColorMode(e);
+        }
         setColor(e);
       },
       design: "tabs",
@@ -7396,14 +7402,15 @@ var Navbar = ({
 // components/layout/AppLayout.tsx
 import React66, { useEffect as useEffect17, useRef as useRef10, useState as useState24 } from "react";
 var AppLayout = ({
+  profileMenuWidth = "default",
+  DrawerFooterActions,
+  design = "default",
   direction = "ltr",
   drawerSize = "md",
-  DrawerFooterActions,
   currentPage,
   clickedItem,
-  keepOpen,
   setKeepOpen,
-  design = "default",
+  keepOpen,
   ...props
 }) => {
   var _a, _b;
@@ -7529,7 +7536,7 @@ var AppLayout = ({
           alignOffset: 8,
           side: "bottom",
           sideOffset: 5,
-          width: props.profileMenuWidth,
+          width: profileMenuWidth,
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems,
           onItemSelect: (e) => console.log("selecting item ", e),
@@ -8907,15 +8914,7 @@ var LoginForm = ({
         handleTwitter: props.onTwitterLogin
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React75.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/RegisterForm.tsx
@@ -9242,15 +9241,7 @@ var RegisterForm = ({ texts, ...props }) => {
         handleTwitter: props.onTwitterRegister
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React76.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/AppLanding.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.17.4-next",
+  "version": "0.17.6-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",