@sikka/hawa 0.30.23-next → 0.30.25-next

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 {
@@ -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)
+            ))
+          ))
         )
       ))
     );
@@ -4657,24 +4696,39 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 var import_react15 = __toESM(require("react"));
 var Breadcrumb = ({
   breadcrumbLinks,
-  separator = ">"
+  separator = ">",
+  size = "normal"
 }) => {
-  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.createElement(
+  const textStyles = {
+    normal: "",
+    small: "hawa-text-sm",
+    xs: "hawa-text-xs"
+  };
+  return /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
-      key: index,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
+      className: cn(
+        "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm",
+        textStyles[size]
+      )
     },
-    /* @__PURE__ */ import_react15.default.createElement(
-      "a",
+    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.createElement(
+      "div",
       {
-        href: singleBreadcrumbLink.href,
-        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        key: index,
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      singleBreadcrumbLink.label
-    ),
-    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
-  )));
+      /* @__PURE__ */ import_react15.default.createElement(
+        "a",
+        {
+          href: singleBreadcrumbLink.href,
+          className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        },
+        singleBreadcrumbLink.label
+      ),
+      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
+    ))
+  );
 };
 
 // elements/appStores/AppStores.tsx