@sikka/hawa 0.1.96 → 0.1.98

package/package.json

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

package/src/elements/HawaTable.tsx

@@ -24,6 +24,7 @@ type TableTypes = {
   columns: ColTypes[]
   actions?: MenuItemType[]
   actionsWidth?: "default" | "sm" | "lg" | "parent"
+  actionsSize?: "default" | "sm"
   direction?: "rtl" | "ltr"
   rows?: RowTypes[][]
   handleActionClick?: any
@@ -111,7 +112,7 @@ export const HawaTable: FC<TableTypes> = ({
   }, [slice, page])
 
   return (
-    <div className="relative flex flex-col gap-2 bg-background ">
+    <div className="relative flex flex-col gap-2  ">
       <div className={`overflow-x-auto rounded  bg-${headerColor}`}>
         {props.headerTools && (
           <div className="flex flex-row items-center justify-between gap-2 border bg-background px-2  py-2">
@@ -267,6 +268,7 @@ export const HawaTable: FC<TableTypes> = ({
                         <div className="flex items-center justify-center">
                           <DropdownMenu
                             width={props.actionsWidth}
+                            size={props.actionsSize}
                             direction={direction}
                             side="right"
                             items={props.actions}

package/src/layout/AppLayout.tsx

@@ -354,16 +354,20 @@ export const AppLayout: React.FunctionComponent<AppLayoutTypes> = ({
            * Drawer Items
            * ----------------------------------------------------------------------------------------------------
            */}
-
           <SidebarGroup
             direction={direction}
             onItemClick={(values) => {
+              console.log("vals ", values)
               setSelectedItem(values)
-              clickedItem(values)
+              if (clickedItem) {
+                clickedItem(values)
+              }
             }}
             onSubItemClick={(values) => {
               setSelectedItem(values)
-              clickedItem(values)
+              if (clickedItem) {
+                clickedItem(values)
+              }
             }}
             selectedItem={selectedItem}
             openedItem={openedSidebarItem}

package/src/layout/Sidebar.tsx

@@ -41,9 +41,7 @@ const AccordionTrigger = React.forwardRef<
           width="1em"
           className="h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"
         >
-          <path
-            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
-          ></path>
+          <path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path>
         </svg>
       )}
     </AccordionPrimitive.Trigger>
@@ -194,6 +192,7 @@ const SidebarItem: React.FC<{
                   key={idx}
                   onClick={(e) => {
                     e.stopPropagation()
+                    item.onClick()
                     if (onSubItemClick) {
                       onSubItemClick([item.value, subitem.value])
                     }
@@ -217,6 +216,7 @@ const SidebarItem: React.FC<{
       <div
         dir={direction}
         onClick={() => {
+          item.onClick()
           if (onItemClick) {
             onItemClick([item.value])
           }