@nr1e/qwik-ui 0.0.37 → 0.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/components/menu.qwik.cjs +9 -6
  2. package/lib/components/menu.qwik.mjs +9 -6
  3. package/lib-types/components/menu.d.ts +15 -3
  4. package/package.json +1 -1
package/lib/components/menu.qwik.cjs CHANGED
@@ -6,8 +6,9 @@ const qwikCity = require("@builder.io/qwik-city");
6
6
  const MenuItem = qwik.component$((props) => {
7
7
  const nav = qwikCity.useNavigate();
8
8
  return /* @__PURE__ */ jsxRuntime.jsx("li", {
9
+ class: props.class ?? "",
9
10
  children: /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
10
- class: `truncate ${props.selected && "bg-base-200"}`,
11
+ class: `truncate ${props.selected ? "bg-base-200" : ""} ${props.linkClass ?? ""}`,
11
12
  href: props.href,
12
13
  prefetch: props.prefetch ?? true,
13
14
  onClick$: async (event) => {
@@ -27,28 +28,30 @@ const MenuItem = qwik.component$((props) => {
27
28
  })
28
29
  });
29
30
  });
30
- const MenuGroupSummary = qwik.component$(() => {
31
+ const MenuGroupSummary = qwik.component$((props) => {
31
32
  return /* @__PURE__ */ jsxRuntime.jsx("summary", {
32
- class: "truncate",
33
+ class: `truncate ${props?.class ?? ""}`,
33
34
  children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
34
35
  });
35
36
  });
36
37
  const MenuGroup = qwik.component$((props) => {
37
38
  return /* @__PURE__ */ jsxRuntime.jsx("li", {
39
+ class: props.class ?? "",
38
40
  children: /* @__PURE__ */ jsxRuntime.jsx("details", {
39
41
  open: props.open,
40
42
  children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
41
43
  })
42
44
  });
43
45
  });
44
- const Submenu = qwik.component$(() => {
46
+ const Submenu = qwik.component$((props) => {
45
47
  return /* @__PURE__ */ jsxRuntime.jsx("ul", {
48
+ class: props?.class ?? "",
46
49
  children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
47
50
  });
48
51
  });
49
- const MenuDivider = qwik.component$(() => {
52
+ const MenuDivider = qwik.component$((props) => {
50
53
  return /* @__PURE__ */ jsxRuntime.jsx("li", {
51
- class: "divier"
54
+ class: `divider ${props?.class ?? ""}`
52
55
  });
53
56
  });
54
57
  const Menu = qwik.component$((props) => {
package/lib/components/menu.qwik.mjs CHANGED
@@ -4,8 +4,9 @@ import { useNavigate, Link } from "@builder.io/qwik-city";
4
4
  const MenuItem = component$((props) => {
5
5
  const nav = useNavigate();
6
6
  return /* @__PURE__ */ jsx("li", {
7
+ class: props.class ?? "",
7
8
  children: /* @__PURE__ */ jsx(Link, {
8
- class: `truncate ${props.selected && "bg-base-200"}`,
9
+ class: `truncate ${props.selected ? "bg-base-200" : ""} ${props.linkClass ?? ""}`,
9
10
  href: props.href,
10
11
  prefetch: props.prefetch ?? true,
11
12
  onClick$: async (event) => {
@@ -25,28 +26,30 @@ const MenuItem = component$((props) => {
25
26
  })
26
27
  });
27
28
  });
28
- const MenuGroupSummary = component$(() => {
29
+ const MenuGroupSummary = component$((props) => {
29
30
  return /* @__PURE__ */ jsx("summary", {
30
- class: "truncate",
31
+ class: `truncate ${props?.class ?? ""}`,
31
32
  children: /* @__PURE__ */ jsx(Slot, {})
32
33
  });
33
34
  });
34
35
  const MenuGroup = component$((props) => {
35
36
  return /* @__PURE__ */ jsx("li", {
37
+ class: props.class ?? "",
36
38
  children: /* @__PURE__ */ jsx("details", {
37
39
  open: props.open,
38
40
  children: /* @__PURE__ */ jsx(Slot, {})
39
41
  })
40
42
  });
41
43
  });
42
- const Submenu = component$(() => {
44
+ const Submenu = component$((props) => {
43
45
  return /* @__PURE__ */ jsx("ul", {
46
+ class: props?.class ?? "",
44
47
  children: /* @__PURE__ */ jsx(Slot, {})
45
48
  });
46
49
  });
47
- const MenuDivider = component$(() => {
50
+ const MenuDivider = component$((props) => {
48
51
  return /* @__PURE__ */ jsx("li", {
49
- class: "divier"
52
+ class: `divider ${props?.class ?? ""}`
50
53
  });
51
54
  });
52
55
  const Menu = component$((props) => {
package/lib-types/components/menu.d.ts CHANGED
@@ -5,15 +5,27 @@ export interface MenuItemProps {
5
5
  selected?: boolean;
6
6
  loading?: Signal<boolean>;
7
7
  onClick$?: QRL<(event: Event) => void>;
8
+ class?: string;
9
+ linkClass?: string;
8
10
  }
9
11
  export declare const MenuItem: import("@builder.io/qwik").Component<MenuItemProps>;
10
- export declare const MenuGroupSummary: import("@builder.io/qwik").Component<unknown>;
12
+ export interface MenuGroupSummaryProps {
13
+ class?: string;
14
+ }
15
+ export declare const MenuGroupSummary: import("@builder.io/qwik").Component<MenuGroupSummaryProps | undefined>;
11
16
  export interface MenuGroupProps {
12
17
  open?: boolean;
18
+ class?: string;
13
19
  }
14
20
  export declare const MenuGroup: import("@builder.io/qwik").Component<MenuGroupProps>;
15
- export declare const Submenu: import("@builder.io/qwik").Component<unknown>;
16
- export declare const MenuDivider: import("@builder.io/qwik").Component<unknown>;
21
+ export interface SubmenuProps {
22
+ class?: string;
23
+ }
24
+ export declare const Submenu: import("@builder.io/qwik").Component<SubmenuProps | undefined>;
25
+ export interface MenuDividerProps {
26
+ class?: string;
27
+ }
28
+ export declare const MenuDivider: import("@builder.io/qwik").Component<MenuDividerProps | undefined>;
17
29
  export interface MenuProps {
18
30
  class?: string;
19
31
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nr1e/qwik-ui",
3
- "version": "0.0.37",
3
+ "version": "0.0.39",
4
4
  "description": "NR1E Qwik UI Library",
5
5
  "author": "NR1E, Inc.",
6
6
  "publishConfig": {