@sikka/hawa 0.1.95 → 0.1.96

package/dist/index.d.mts

@@ -175,10 +175,11 @@ type SubItem$2 = {
 };
 type MenuItemType = {
     icon?: any;
-    label: string;
-    value: string;
+    label?: string;
+    value?: string;
     end?: any;
     presist?: boolean;
+    type?: "separator" | "label";
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem$2[];
@@ -196,6 +197,7 @@ interface DropdownMenuProps {
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
     width?: "default" | "sm" | "lg" | "parent";
+    size?: "default" | "sm";
     selectCallback?: any;
 }
 declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
@@ -214,6 +216,7 @@ type TableTypes = {
     pagination?: boolean;
     columns: ColTypes[];
     actions?: MenuItemType[];
+    actionsWidth?: "default" | "sm" | "lg" | "parent";
     direction?: "rtl" | "ltr";
     rows?: RowTypes[][];
     handleActionClick?: any;
@@ -365,6 +368,7 @@ type StatTypes = {
     color?: string;
     number?: string;
     helperText?: string;
+    chart?: any;
     icon?: any;
     variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
     width?: "full" | "min" | "normal";
@@ -953,6 +957,7 @@ type AppLayoutTypes = {
     avatarImage?: any;
     drawerSize?: "sm" | "md" | "large";
     profileMenuItems?: MenuItemType[];
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
     onSettingsClick?: () => void;
     DrawerFooterActions?: any;
     clickedItem?: any;
@@ -1310,6 +1315,7 @@ declare const SignUpForm: FC<SignUpFormTypes>;
 
 type NewPasswordTypes = {
     handleNewPassword: () => void;
+    direction?: "rtl" | "ltr";
     passwordChanged: any;
     texts: {
         passwordPlaceholder: string;

package/dist/index.d.ts

@@ -175,10 +175,11 @@ type SubItem$2 = {
 };
 type MenuItemType = {
     icon?: any;
-    label: string;
-    value: string;
+    label?: string;
+    value?: string;
     end?: any;
     presist?: boolean;
+    type?: "separator" | "label";
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem$2[];
@@ -196,6 +197,7 @@ interface DropdownMenuProps {
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
     width?: "default" | "sm" | "lg" | "parent";
+    size?: "default" | "sm";
     selectCallback?: any;
 }
 declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
@@ -214,6 +216,7 @@ type TableTypes = {
     pagination?: boolean;
     columns: ColTypes[];
     actions?: MenuItemType[];
+    actionsWidth?: "default" | "sm" | "lg" | "parent";
     direction?: "rtl" | "ltr";
     rows?: RowTypes[][];
     handleActionClick?: any;
@@ -365,6 +368,7 @@ type StatTypes = {
     color?: string;
     number?: string;
     helperText?: string;
+    chart?: any;
     icon?: any;
     variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
     width?: "full" | "min" | "normal";
@@ -953,6 +957,7 @@ type AppLayoutTypes = {
     avatarImage?: any;
     drawerSize?: "sm" | "md" | "large";
     profileMenuItems?: MenuItemType[];
+    profileMenuWidth: "default" | "sm" | "lg" | "parent";
     onSettingsClick?: () => void;
     DrawerFooterActions?: any;
     clickedItem?: any;
@@ -1310,6 +1315,7 @@ declare const SignUpForm: FC<SignUpFormTypes>;
 
 type NewPasswordTypes = {
     handleNewPassword: () => void;
+    direction?: "rtl" | "ltr";
     passwordChanged: any;
     texts: {
         passwordPlaceholder: string;

package/dist/index.js

@@ -509,7 +509,7 @@ var HawaRadio = function(_param) {
                                 setSelectedOption(opt.value);
                                 props.onChangeTab(opt.value);
                             },
-                            className: cn("w-full cursor-pointer", orientation === "horizontal" && parentDirection === "ltr" && "rounded-none first:rounded-l last:rounded-r", orientation === "horizontal" && parentDirection === "rtl" && "rounded-none first:rounded-r last:rounded-l", orientation === "vertical" && "rounded-none first:rounded-t last:rounded-b", "last flex flex-row items-center justify-center gap-2 ", selectedOption === opt.value ? activeTabStyle : inactiveTabStyle),
+                            className: cn("w-full cursor-pointer ", orientation === "horizontal" && parentDirection === "ltr" && "rounded-none first:rounded-l last:rounded-r", orientation === "horizontal" && parentDirection === "rtl" && "rounded-none first:rounded-r last:rounded-l", orientation === "vertical" && "rounded-none first:rounded-t last:rounded-b", "last flex flex-row items-center justify-center gap-2 ", selectedOption === opt.value ? activeTabStyle : inactiveTabStyle),
                             key: o
                         }, opt.icon && opt.icon, opt.label);
                     });
@@ -1260,13 +1260,17 @@ var DropdownMenuShortcut = function(_param) {
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var DropdownMenu = function(param) {
-    var trigger = param.trigger, items = param.items, direction = param.direction, onItemSelect = param.onItemSelect, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, selectCallback = param.selectCallback, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width;
+    var trigger = param.trigger, items = param.items, direction = param.direction, onItemSelect = param.onItemSelect, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, selectCallback = param.selectCallback, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width;
     var widthStyles2 = {
         default: "min-w-[8rem]",
         sm: "w-fit",
         lg: "w-[200px]",
         parent: "ddm-w-parent"
     };
+    var sizeStyles2 = {
+        default: "px-2 py-3 ",
+        sm: "text-xs px-1.5 py-1.5"
+    };
     return /* @__PURE__ */ React19.createElement(DropdownMenuRoot, {
         dir: direction
     }, /* @__PURE__ */ React19.createElement(DropdownMenuTrigger, {
@@ -1278,43 +1282,50 @@ var DropdownMenu = function(param) {
         align: align,
         alignOffset: alignOffset
     }, items.map(function(item, index) {
-        return item.subitems ? /* @__PURE__ */ React19.createElement(DropdownMenuSub, {
-            key: index
-        }, /* @__PURE__ */ React19.createElement(DropdownMenuSubTrigger, {
-            dir: direction
-        }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
-            return /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
-                disabled: subitem.disabled,
-                className: "px-2 py-3",
-                onSelect: function() {
-                    subitem.action();
-                    if (selectCallback) {
-                        selectCallback(subitem.value);
-                    }
-                },
-                key: subIndex
-            }, subitem.icon && subitem.icon, subitem.label && subitem.label);
-        })))) : /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
-            disabled: item.disabled,
-            key: index,
-            onSelect: function(e) {
-                if (item.presist) {
-                    e.preventDefault();
-                }
-                if (item.action) {
-                    item.action();
-                    if (selectCallback) {
-                        selectCallback(item.value);
+        if (item.type === "separator") {
+            return /* @__PURE__ */ React19.createElement(DropdownMenuSeparator, null);
+        } else if (item.type === "label") {
+            return /* @__PURE__ */ React19.createElement(DropdownMenuLabel, null, item.label);
+        } else {
+            return item.subitems ? /* @__PURE__ */ React19.createElement(DropdownMenuSub, {
+                key: index
+            }, /* @__PURE__ */ React19.createElement(DropdownMenuSubTrigger, {
+                className: cn(sizeStyles2[size]),
+                dir: direction
+            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
+                return /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+                    className: cn(sizeStyles2[size], !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent" : "focus:bg-accent"),
+                    disabled: subitem.disabled,
+                    onSelect: function() {
+                        subitem.action();
+                        if (selectCallback) {
+                            selectCallback(subitem.value);
+                        }
+                    },
+                    key: subIndex
+                }, subitem.icon && subitem.icon, subitem.label && subitem.label);
+            })))) : /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+                disabled: item.disabled,
+                key: index,
+                onSelect: function(e) {
+                    if (item.presist) {
+                        e.preventDefault();
                     }
-                } else {
-                    if (selectCallback) {
-                        selectCallback(item.value);
+                    if (item.action) {
+                        item.action();
+                        if (selectCallback) {
+                            selectCallback(item.value);
+                        }
+                    } else {
+                        if (selectCallback) {
+                            selectCallback(item.value);
+                        }
                     }
-                }
-            },
-            end: item.end,
-            className: !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent " : "px-2 py-3 focus:bg-accent "
-        }, item.icon && item.icon, item.label && item.label);
+                },
+                end: item.end,
+                className: cn(sizeStyles2[size], !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent " : "focus:bg-accent ", item.presist && "focus:bg-transparent")
+            }, item.icon && item.icon, item.label && item.label);
+        }
     }))));
 };
 // src/elements/HawaTable.tsx
@@ -1385,7 +1396,7 @@ var HawaTable = function(_param) {
         page
     ]);
     return /* @__PURE__ */ React6.default.createElement("div", {
-        className: "relative flex flex-col gap-2 "
+        className: "relative flex flex-col gap-2 bg-background "
     }, /* @__PURE__ */ React6.default.createElement("div", {
         className: "overflow-x-auto rounded  bg-".concat(headerColor)
     }, props.headerTools && /* @__PURE__ */ React6.default.createElement("div", {
@@ -1484,7 +1495,7 @@ var HawaTable = function(_param) {
                 }, /* @__PURE__ */ React6.default.createElement("div", {
                     className: "flex items-center justify-center"
                 }, /* @__PURE__ */ React6.default.createElement(DropdownMenu, {
-                    width: "sm",
+                    width: props.actionsWidth,
                     direction: direction,
                     side: "right",
                     items: props.actions,
@@ -4383,7 +4394,9 @@ var HawaStats = function(_param) {
         className: "mt-2 h-4 w-1/2"
     }) : props.helperText && /* @__PURE__ */ React6.default.createElement("p", {
         className: "text-xs text-muted-foreground"
-    }, props.helperText)));
+    }, props.helperText), props.isLoading && props.chart ? /* @__PURE__ */ React6.default.createElement(Skeleton, {
+        className: "mt-2 h-4 w-1/2"
+    }) : props.chart));
 };
 // src/elements/HawaCodeBlock.tsx
 // src/elements/Tooltip.tsx
@@ -7955,7 +7968,12 @@ var AppLayout = function(_param) {
         alignOffset: 8,
         side: "bottom",
         sideOffset: 5,
+        width: props.profileMenuWidth,
         direction: isRTL ? "rtl" : "ltr",
+        items: props.profileMenuItems,
+        onItemSelect: function(e) {
+            return console.log("selecting item ", e);
+        },
         trigger: /* @__PURE__ */ React6.default.createElement("div", {
             className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
         }, props.avatarImage ? /* @__PURE__ */ React6.default.createElement("img", {
@@ -7970,11 +7988,7 @@ var AppLayout = function(_param) {
             fillRule: "evenodd",
             d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
             clipRule: "evenodd"
-        }))),
-        items: props.profileMenuItems,
-        onItemSelect: function(e) {
-            return console.log("selecting item ", e);
-        }
+        })))
     }))), /* @__PURE__ */ React6.default.createElement("div", {
         className: _clsx2.default.call(void 0, "fixed  z-40 flex  flex-col justify-between overflow-x-clip   transition-all", design === "floating" ? isRTL ? "right-5 top-5" : "bottom-5 left-5 top-5" : isRTL ? "right-0 top-0 h-full" : "left-0 top-0 h-full"),
         style: {
@@ -10074,7 +10088,9 @@ var NewPasswordForm = function(props) {
             setMatchError(true);
         }
     };
-    return /* @__PURE__ */ React6.default.createElement(Card, null, matchError && /* @__PURE__ */ React6.default.createElement(HawaAlert, {
+    return /* @__PURE__ */ React6.default.createElement(Card, {
+        dir: props.direction
+    }, matchError && /* @__PURE__ */ React6.default.createElement(HawaAlert, {
         text: props.texts.passwordMatchError,
         severity: "error"
     }), props.passwordChanged ? /* @__PURE__ */ React6.default.createElement(CardContent, {