@sikka/hawa 0.1.88 → 0.1.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.88",
+  "version": "0.1.90",
   "description": "Modern UI Kit made with Tailwind & Radix Primitives",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/blocks/AuthForms/ResetPasswordForm.tsx

@@ -15,7 +15,7 @@ type ResetPasswordType = {
   handleResetPassword: () => void
   handleRouteToSignUp: () => void
   sent: any
-  texts: {
+  texts?: {
     emailLabel: string
     emailPlaceholder: string
     emailRequiredText: string
@@ -54,42 +54,42 @@ export const ResetPasswordForm: FC<ResetPasswordType> = (props) => {
                   <HawaTextField
                     width="full"
                     type="text"
-                    label={props.texts.emailLabel}
+                    label={props.texts?.emailLabel}
                     helpertext={errors.email?.message}
-                    placeholder={props.texts.emailPlaceholder}
+                    placeholder={props.texts?.emailPlaceholder}
                     {...field}
                     value={field.value ?? ""}
                   />
                 )}
                 rules={{
-                  required: props.texts.emailRequiredText,
+                  required: props.texts?.emailRequiredText,
                   pattern: {
                     value:
                       /^(([^<>()[\]\\.,;:\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,}))$/,
-                    message: props.texts.emailInvalidText,
+                    message: props.texts?.emailInvalidText,
                   },
                 }}
               />
               <div className=" pb-2 text-left text-sm dark:text-gray-300">
-                {props.texts.dontHaveAccount ?? "Don't have an account? "}
+                {props.texts?.dontHaveAccount ?? "Don't have an account? "}
                 <span
                   onClick={props.handleRouteToSignUp}
                   className="clickable-link"
                 >
-                  {props.texts.signUpText ?? "Sign Up"}
+                  {props.texts?.signUpText ?? "Sign Up"}
                 </span>
               </div>
             </CardContent>
             <CardFooter>
               <Button type="submit" className="w-full">
-                {props.texts.resetPassword}
+                {props.texts?.resetPassword}
               </Button>
             </CardFooter>
           </form>
         </>
       ) : (
         <CardContent headless>
-          <div className="text-center">{props.texts.emailSentText}</div>
+          <div className="text-center">{props.texts?.emailSentText}</div>
         </CardContent>
       )}
     </Card>

package/src/elements/DropdownMenu.tsx

@@ -265,6 +265,7 @@ interface DropdownMenuProps {
   align?: ExtendedDropdownMenuContentProps["align"]
   alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"]
   width?: "default" | "sm" | "lg" | "parent"
+  selectCallback?: any
 }
 export const DropdownMenu: React.FC<DropdownMenuProps> = ({
   trigger,
@@ -277,6 +278,7 @@ export const DropdownMenu: React.FC<DropdownMenuProps> = ({
   triggerClassname,
   align,
   alignOffset,
+  selectCallback,
   width = "default",
 }) => {
   const widthStyles = {
@@ -311,7 +313,10 @@ export const DropdownMenu: React.FC<DropdownMenuProps> = ({
                       <DropdownMenuItem
                         disabled={subitem.disabled}
                         className="flex flex-row gap-2"
-                        onSelect={() => subitem.action()}
+                        onSelect={() => {
+                          subitem.action()
+                          selectCallback(subitem.value)
+                        }}
                         key={subIndex}
                       >
                         {subitem.icon && subitem.icon}
@@ -330,7 +335,12 @@ export const DropdownMenu: React.FC<DropdownMenuProps> = ({
                   if (item.presist) {
                     e.preventDefault()
                   }
-                  item.action()
+                  if (item.action) {
+                    item.action()
+                    selectCallback(item.value)
+                  } else {
+                    selectCallback(item.value)
+                  }
                 }}
                 end={item.end}
               >

package/src/elements/HawaTable.tsx

@@ -40,7 +40,6 @@ type TableTypes = {
     filter?: string
   }
   bordersWidth?: string
-  onActionClicked?: any
   headerTools?: boolean
   borders?: "all" | "cols" | "rows" | "outer" | "inner"
 }
@@ -109,6 +108,7 @@ export const HawaTable: FC<TableTypes> = ({
   useEffect(() => {
     changePage()
   }, [slice, page])
+
   return (
     <div className="relative flex flex-col gap-2 ">
       <div className={`overflow-x-auto rounded  bg-${headerColor}`}>
@@ -316,6 +316,9 @@ export const HawaTable: FC<TableTypes> = ({
                             direction={direction}
                             side="right"
                             items={props.actions}
+                            selectCallback={(e) =>
+                              props.handleActionClick(e, singleRow)
+                            }
                             trigger={
                               <div className="flex w-fit  cursor-pointer items-center justify-center rounded  p-2 hover:bg-gray-200 dark:hover:bg-gray-600">
                                 <svg

package/tsup.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  splitting: true,
+  sourcemap: true,
+  clean: true,
+  dts: true,
+  external: ["react", "react-dom", "react-icons"]
+};