@sikka/hawa 0.30.22-next → 0.30.24-next

package/dist/elements/index.js

@@ -825,6 +825,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] = React5.useState(
+    items.map((item) => item.currentOption)
+  );
   return /* @__PURE__ */ React5.createElement(
     DropdownMenuRoot,
     {
@@ -852,11 +855,38 @@ var DropdownMenu = ({
       },
       header && header,
       items && items.map((item, index) => {
+        var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
           return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
+        } else if (item.itemType === "radio") {
+          let dd = item.currentOption;
+          return /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
+            DropdownMenuSubTrigger,
+            {
+              dir: direction,
+              className: cn(sizeStyles2[size])
+            },
+            item.icon && item.icon,
+            item.label && item.label
+          ), /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React5.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__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+          )));
         } else if (item.itemType === "custom") {
           return /* @__PURE__ */ React5.createElement("div", { key: index }, item.content);
         } else {
@@ -3611,7 +3641,7 @@ var Combobox = React27.forwardRef(
     const [value, setValue] = React27.useState(defaultValue);
     const containerRef = React27.useRef(null);
     function getProperty(obj, key) {
-      return obj[key];
+      return key.split(".").reduce((o, k) => (o || {})[k], obj);
     }
     const handleOpenChange = (open2) => {
       if (!(props.isLoading || props.preview)) {
@@ -3704,46 +3734,55 @@ var Combobox = React27.forwardRef(
             }
           ),
           /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
-          /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-scroll" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
-            CommandItem,
+          /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(
+            CommandGroup,
             {
-              key: i,
-              onSelect: () => {
-                const newValue = getProperty(item, valueKey);
-                setValue(
-                  newValue === value ? "" : newValue
-                );
-                if (props.onChange) {
-                  props.onChange(
+              className: cn(
+                "hawa-max-h-[200px]",
+                data.length > 0 && "hawa-overflow-y-scroll"
+              )
+            },
+            data.map((item, i) => /* @__PURE__ */ React27.createElement(
+              CommandItem,
+              {
+                key: i,
+                onSelect: () => {
+                  const newValue = getProperty(item, valueKey);
+                  setValue(
                     newValue === value ? "" : newValue
                   );
+                  if (props.onChange) {
+                    props.onChange(
+                      newValue === value ? "" : newValue
+                    );
+                  }
+                  setOpen(false);
                 }
-                setOpen(false);
-              }
-            },
-            /* @__PURE__ */ React27.createElement(
-              "svg",
-              {
-                "aria-label": "Check Icon",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "24",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: cn(
-                  "hawa-icon",
-                  value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-                ),
-                style: { marginInlineEnd: "0.5rem" }
               },
-              /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
-            ),
-            renderOption ? renderOption(item) : getProperty(item, labelKey)
-          ))))
+              /* @__PURE__ */ React27.createElement(
+                "svg",
+                {
+                  "aria-label": "Check Icon",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: cn(
+                    "hawa-icon",
+                    value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
+                  ),
+                  style: { marginInlineEnd: "0.5rem" }
+                },
+                /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
+              ),
+              renderOption ? renderOption(item) : getProperty(item, labelKey)
+            ))
+          ))
         )
       ))
     );

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-CXBN42TF.mjs";
+} from "../chunk-7LAUVLVZ.mjs";
 import {
   Sheet,
   SheetClose,
@@ -40,7 +40,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-MH5K6NEO.mjs";
+} from "../chunk-TKSAYWDH.mjs";
 import {
   Button,
   Card,
@@ -74,7 +74,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-HOE4FCIF.mjs";
+} from "../chunk-DGOT2FVH.mjs";
 import {
   __require
 } from "../chunk-4OOSUQZG.mjs";
@@ -1484,7 +1484,7 @@ var Combobox = React13.forwardRef(
     const [value, setValue] = React13.useState(defaultValue);
     const containerRef = React13.useRef(null);
     function getProperty(obj, key) {
-      return obj[key];
+      return key.split(".").reduce((o, k) => (o || {})[k], obj);
     }
     const handleOpenChange = (open2) => {
       if (!(props.isLoading || props.preview)) {
@@ -1577,46 +1577,55 @@ var Combobox = React13.forwardRef(
             }
           ),
           /* @__PURE__ */ React13.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
-          /* @__PURE__ */ React13.createElement(CommandList, null, /* @__PURE__ */ React13.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-scroll" }, data.map((item, i) => /* @__PURE__ */ React13.createElement(
-            CommandItem,
+          /* @__PURE__ */ React13.createElement(CommandList, null, /* @__PURE__ */ React13.createElement(
+            CommandGroup,
             {
-              key: i,
-              onSelect: () => {
-                const newValue = getProperty(item, valueKey);
-                setValue(
-                  newValue === value ? "" : newValue
-                );
-                if (props.onChange) {
-                  props.onChange(
+              className: cn(
+                "hawa-max-h-[200px]",
+                data.length > 0 && "hawa-overflow-y-scroll"
+              )
+            },
+            data.map((item, i) => /* @__PURE__ */ React13.createElement(
+              CommandItem,
+              {
+                key: i,
+                onSelect: () => {
+                  const newValue = getProperty(item, valueKey);
+                  setValue(
                     newValue === value ? "" : newValue
                   );
+                  if (props.onChange) {
+                    props.onChange(
+                      newValue === value ? "" : newValue
+                    );
+                  }
+                  setOpen(false);
                 }
-                setOpen(false);
-              }
-            },
-            /* @__PURE__ */ React13.createElement(
-              "svg",
-              {
-                "aria-label": "Check Icon",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "24",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: cn(
-                  "hawa-icon",
-                  value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-                ),
-                style: { marginInlineEnd: "0.5rem" }
               },
-              /* @__PURE__ */ React13.createElement("polyline", { points: "20 6 9 17 4 12" })
-            ),
-            renderOption ? renderOption(item) : getProperty(item, labelKey)
-          ))))
+              /* @__PURE__ */ React13.createElement(
+                "svg",
+                {
+                  "aria-label": "Check Icon",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: cn(
+                    "hawa-icon",
+                    value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
+                  ),
+                  style: { marginInlineEnd: "0.5rem" }
+                },
+                /* @__PURE__ */ React13.createElement("polyline", { points: "20 6 9 17 4 12" })
+              ),
+              renderOption ? renderOption(item) : getProperty(item, labelKey)
+            ))
+          ))
         )
       ))
     );

package/dist/index.d.mts

@@ -149,10 +149,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;
@@ -180,10 +183,7 @@ interface DropdownMenuRadioProps {
     trigger?: React$1.ReactNode;
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
-    options: {
-        label?: any;
-        value: string;
-    }[];
+    options: RadioOptionType[];
     value: string;
     onValueChange: any;
     label?: string;
@@ -570,8 +570,8 @@ declare const CommandShortcut: {
 };
 
 type ComboboxTypes<T> = {
-    labelKey?: keyof T;
-    valueKey?: keyof T;
+    labelKey?: keyof T | any;
+    valueKey?: keyof T | any;
     data: T[];
     width?: string;
     texts?: {

package/dist/index.d.ts

@@ -149,10 +149,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;
@@ -180,10 +183,7 @@ interface DropdownMenuRadioProps {
     trigger?: React$1.ReactNode;
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
-    options: {
-        label?: any;
-        value: string;
-    }[];
+    options: RadioOptionType[];
     value: string;
     onValueChange: any;
     label?: string;
@@ -570,8 +570,8 @@ declare const CommandShortcut: {
 };
 
 type ComboboxTypes<T> = {
-    labelKey?: keyof T;
-    valueKey?: keyof T;
+    labelKey?: keyof T | any;
+    valueKey?: keyof T | any;
     data: T[];
     width?: string;
     texts?: {

package/dist/index.js

@@ -892,6 +892,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] = React5.useState(
+    items.map((item) => item.currentOption)
+  );
   return /* @__PURE__ */ React5.createElement(
     DropdownMenuRoot,
     {
@@ -919,11 +922,38 @@ var DropdownMenu = ({
       },
       header && header,
       items && items.map((item, index) => {
+        var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
           return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
+        } else if (item.itemType === "radio") {
+          let dd = item.currentOption;
+          return /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
+            DropdownMenuSubTrigger,
+            {
+              dir: direction,
+              className: cn(sizeStyles2[size])
+            },
+            item.icon && item.icon,
+            item.label && item.label
+          ), /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React5.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__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+          )));
         } else if (item.itemType === "custom") {
           return /* @__PURE__ */ React5.createElement("div", { key: index }, item.content);
         } else {
@@ -3678,7 +3708,7 @@ var Combobox = React27.forwardRef(
     const [value, setValue] = React27.useState(defaultValue);
     const containerRef = React27.useRef(null);
     function getProperty(obj, key) {
-      return obj[key];
+      return key.split(".").reduce((o, k) => (o || {})[k], obj);
     }
     const handleOpenChange = (open2) => {
       if (!(props.isLoading || props.preview)) {
@@ -3771,46 +3801,55 @@ var Combobox = React27.forwardRef(
             }
           ),
           /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
-          /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-scroll" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
-            CommandItem,
+          /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(
+            CommandGroup,
             {
-              key: i,
-              onSelect: () => {
-                const newValue = getProperty(item, valueKey);
-                setValue(
-                  newValue === value ? "" : newValue
-                );
-                if (props.onChange) {
-                  props.onChange(
+              className: cn(
+                "hawa-max-h-[200px]",
+                data.length > 0 && "hawa-overflow-y-scroll"
+              )
+            },
+            data.map((item, i) => /* @__PURE__ */ React27.createElement(
+              CommandItem,
+              {
+                key: i,
+                onSelect: () => {
+                  const newValue = getProperty(item, valueKey);
+                  setValue(
                     newValue === value ? "" : newValue
                   );
+                  if (props.onChange) {
+                    props.onChange(
+                      newValue === value ? "" : newValue
+                    );
+                  }
+                  setOpen(false);
                 }
-                setOpen(false);
-              }
-            },
-            /* @__PURE__ */ React27.createElement(
-              "svg",
-              {
-                "aria-label": "Check Icon",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "24",
-                height: "24",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: cn(
-                  "hawa-icon",
-                  value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-                ),
-                style: { marginInlineEnd: "0.5rem" }
               },
-              /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
-            ),
-            renderOption ? renderOption(item) : getProperty(item, labelKey)
-          ))))
+              /* @__PURE__ */ React27.createElement(
+                "svg",
+                {
+                  "aria-label": "Check Icon",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: cn(
+                    "hawa-icon",
+                    value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
+                  ),
+                  style: { marginInlineEnd: "0.5rem" }
+                },
+                /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
+              ),
+              renderOption ? renderOption(item) : getProperty(item, labelKey)
+            ))
+          ))
         )
       ))
     );