@sikka/hawa 0.30.23-next → 0.30.25-next

package/dist/{DropdownMenu-sSnQc6fT.d.ts → DropdownMenu-o_-MnT5h.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { D as DirectionType } from './commonTypes-CKtkuNFH.js';
+import { a as RadioOptionType, D as DirectionType } from './commonTypes-CKtkuNFH.mjs';
 
 declare const DropdownMenuRoot: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -53,10 +53,13 @@ type MenuItemType = {
     slug?: string;
     end?: any;
     presist?: boolean;
-    itemType?: "separator" | "label" | "custom";
+    itemType?: "separator" | "label" | "custom" | "radio";
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem[];
+    options?: RadioOptionType[];
+    currentOption?: string;
+    onOptionChange?: (value: string) => void;
     disabled?: boolean;
     onMiddleClick?: (e: any) => void;
     onClick?: any;
@@ -84,10 +87,7 @@ interface DropdownMenuRadioProps {
     trigger?: React.ReactNode;
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
-    options: {
-        label?: any;
-        value: string;
-    }[];
+    options: RadioOptionType[];
     value: string;
     onValueChange: any;
     label?: string;

package/dist/{DropdownMenu-arqV1gRt.d.mts → DropdownMenu-p-Ha-y2R.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { D as DirectionType } from './commonTypes-CKtkuNFH.mjs';
+import { a as RadioOptionType, D as DirectionType } from './commonTypes-CKtkuNFH.js';
 
 declare const DropdownMenuRoot: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -53,10 +53,13 @@ type MenuItemType = {
     slug?: string;
     end?: any;
     presist?: boolean;
-    itemType?: "separator" | "label" | "custom";
+    itemType?: "separator" | "label" | "custom" | "radio";
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem[];
+    options?: RadioOptionType[];
+    currentOption?: string;
+    onOptionChange?: (value: string) => void;
     disabled?: boolean;
     onMiddleClick?: (e: any) => void;
     onClick?: any;
@@ -84,10 +87,7 @@ interface DropdownMenuRadioProps {
     trigger?: React.ReactNode;
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
-    options: {
-        label?: any;
-        value: string;
-    }[];
+    options: RadioOptionType[];
     value: string;
     onValueChange: any;
     label?: string;

package/dist/appLayout/index.d.mts

@@ -2,6 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 
 type DirectionType = "rtl" | "ltr";
+type RadioOptionType = {
+    label: string;
+    value: string;
+};
 
 type SubItem$1 = {
     label?: string;
@@ -23,10 +27,13 @@ type MenuItemType = {
     slug?: string;
     end?: any;
     presist?: boolean;
-    itemType?: "separator" | "label" | "custom";
+    itemType?: "separator" | "label" | "custom" | "radio";
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem$1[];
+    options?: RadioOptionType[];
+    currentOption?: string;
+    onOptionChange?: (value: string) => void;
     disabled?: boolean;
     onMiddleClick?: (e: any) => void;
     onClick?: any;

package/dist/appLayout/index.d.ts

@@ -2,6 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 
 type DirectionType = "rtl" | "ltr";
+type RadioOptionType = {
+    label: string;
+    value: string;
+};
 
 type SubItem$1 = {
     label?: string;
@@ -23,10 +27,13 @@ type MenuItemType = {
     slug?: string;
     end?: any;
     presist?: boolean;
-    itemType?: "separator" | "label" | "custom";
+    itemType?: "separator" | "label" | "custom" | "radio";
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem$1[];
+    options?: RadioOptionType[];
+    currentOption?: string;
+    onOptionChange?: (value: string) => void;
     disabled?: boolean;
     onMiddleClick?: (e: any) => void;
     onClick?: any;

package/dist/appLayout/index.js

@@ -346,6 +346,7 @@ var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var DropdownMenuSubTrigger = React3.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
@@ -550,6 +551,9 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
+  let [values, setValues] = React3.useState(
+    items.map((item) => item.currentOption)
+  );
   return /* @__PURE__ */ React3.createElement(
     DropdownMenuRoot,
     {
@@ -577,11 +581,38 @@ var DropdownMenu = ({
       },
       header && header,
       items && items.map((item, index) => {
+        var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
           return /* @__PURE__ */ React3.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React3.createElement(DropdownMenuLabel, { key: index }, item.label);
+        } else if (item.itemType === "radio") {
+          let dd = item.currentOption;
+          return /* @__PURE__ */ React3.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React3.createElement(
+            DropdownMenuSubTrigger,
+            {
+              dir: direction,
+              className: cn(sizeStyles[size])
+            },
+            item.icon && item.icon,
+            item.label && item.label
+          ), /* @__PURE__ */ React3.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React3.createElement(
+            DropdownMenuRadioGroup,
+            {
+              value: values[index],
+              onValueChange: (e) => {
+                let newValues = [...values];
+                newValues[index] = e;
+                setValues(newValues);
+                console.log("changing to ", e);
+                if (item.onOptionChange) {
+                  item.onOptionChange(e);
+                }
+              }
+            },
+            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React3.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+          )));
         } else if (item.itemType === "custom") {
           return /* @__PURE__ */ React3.createElement("div", { key: index }, item.content);
         } else {