@orangecheck/ui 0.7.0 → 0.8.0
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.
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +81 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +81 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -58,6 +58,8 @@ interface OcAccountMenuProps {
|
|
|
58
58
|
signInUrl?: string;
|
|
59
59
|
signInLabel?: string;
|
|
60
60
|
menuItems?: ReadonlyArray<OcAccountMenuItem>;
|
|
61
|
+
primaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
|
|
62
|
+
secondaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
|
|
61
63
|
showFamilyDashboard?: boolean;
|
|
62
64
|
build?: OcAccountMenuBuildInfo;
|
|
63
65
|
siteState?: SiteState;
|
|
@@ -69,7 +71,7 @@ declare function OcAccountMenu(props: OcAccountMenuProps): react_jsx_runtime.JSX
|
|
|
69
71
|
interface OcAccountMenuViewProps extends OcAccountMenuProps {
|
|
70
72
|
session: OcAccountMenuSession;
|
|
71
73
|
}
|
|
72
|
-
declare function OcAccountMenuView({ current, signInUrl, signInLabel, menuItems, showFamilyDashboard, build, siteState, className, triggerClassName, popoverClassName, session, }: OcAccountMenuViewProps): react_jsx_runtime.JSX.Element;
|
|
74
|
+
declare function OcAccountMenuView({ current, signInUrl, signInLabel, menuItems, primaryNavLinks, secondaryNavLinks, showFamilyDashboard, build, siteState, className, triggerClassName, popoverClassName, session, }: OcAccountMenuViewProps): react_jsx_runtime.JSX.Element;
|
|
73
75
|
|
|
74
76
|
interface OcPrimaryNavLink {
|
|
75
77
|
href: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -58,6 +58,8 @@ interface OcAccountMenuProps {
|
|
|
58
58
|
signInUrl?: string;
|
|
59
59
|
signInLabel?: string;
|
|
60
60
|
menuItems?: ReadonlyArray<OcAccountMenuItem>;
|
|
61
|
+
primaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
|
|
62
|
+
secondaryNavLinks?: ReadonlyArray<OcAccountMenuItem>;
|
|
61
63
|
showFamilyDashboard?: boolean;
|
|
62
64
|
build?: OcAccountMenuBuildInfo;
|
|
63
65
|
siteState?: SiteState;
|
|
@@ -69,7 +71,7 @@ declare function OcAccountMenu(props: OcAccountMenuProps): react_jsx_runtime.JSX
|
|
|
69
71
|
interface OcAccountMenuViewProps extends OcAccountMenuProps {
|
|
70
72
|
session: OcAccountMenuSession;
|
|
71
73
|
}
|
|
72
|
-
declare function OcAccountMenuView({ current, signInUrl, signInLabel, menuItems, showFamilyDashboard, build, siteState, className, triggerClassName, popoverClassName, session, }: OcAccountMenuViewProps): react_jsx_runtime.JSX.Element;
|
|
74
|
+
declare function OcAccountMenuView({ current, signInUrl, signInLabel, menuItems, primaryNavLinks, secondaryNavLinks, showFamilyDashboard, build, siteState, className, triggerClassName, popoverClassName, session, }: OcAccountMenuViewProps): react_jsx_runtime.JSX.Element;
|
|
73
75
|
|
|
74
76
|
interface OcPrimaryNavLink {
|
|
75
77
|
href: string;
|
package/dist/index.js
CHANGED
|
@@ -498,6 +498,8 @@ function OcAccountMenuView({
|
|
|
498
498
|
signInUrl = "/signin",
|
|
499
499
|
signInLabel = "sign in",
|
|
500
500
|
menuItems,
|
|
501
|
+
primaryNavLinks,
|
|
502
|
+
secondaryNavLinks,
|
|
501
503
|
showFamilyDashboard,
|
|
502
504
|
build,
|
|
503
505
|
siteState,
|
|
@@ -619,7 +621,16 @@ function OcAccountMenuView({
|
|
|
619
621
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/90 font-mono text-[11px] leading-tight break-all", children: account.didOc }),
|
|
620
622
|
displayName ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground/80 mt-1 font-mono text-[10px] tracking-wide", children: displayName }) : null
|
|
621
623
|
] }),
|
|
622
|
-
/* @__PURE__ */ jsxRuntime.
|
|
624
|
+
primaryNavLinks && primaryNavLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
625
|
+
PopoverSection,
|
|
626
|
+
{
|
|
627
|
+
label: "navigate",
|
|
628
|
+
items: primaryNavLinks,
|
|
629
|
+
onItemClick: () => setOpen(false)
|
|
630
|
+
}
|
|
631
|
+
) : null,
|
|
632
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-1", "data-oc-account-menu-section": "account", children: [
|
|
633
|
+
primaryNavLinks && primaryNavLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground/60 px-3 pb-1 pt-2 font-mono text-[10px] tracking-widest uppercase", children: "\xA7 account" }) : null,
|
|
623
634
|
menuItems?.map((item) => {
|
|
624
635
|
const onClick = () => setOpen(false);
|
|
625
636
|
const cls = "hover:bg-accent flex items-center gap-2 px-3 py-2 font-mono text-[11px] tracking-wide transition-colors";
|
|
@@ -705,6 +716,15 @@ function OcAccountMenuView({
|
|
|
705
716
|
}
|
|
706
717
|
)
|
|
707
718
|
] }),
|
|
719
|
+
secondaryNavLinks && secondaryNavLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
720
|
+
PopoverSection,
|
|
721
|
+
{
|
|
722
|
+
label: "more",
|
|
723
|
+
items: secondaryNavLinks,
|
|
724
|
+
onItemClick: () => setOpen(false),
|
|
725
|
+
bordered: true
|
|
726
|
+
}
|
|
727
|
+
) : null,
|
|
708
728
|
build ? /* @__PURE__ */ jsxRuntime.jsx(BuildFooter, { hostname, build, state: siteState }) : null
|
|
709
729
|
]
|
|
710
730
|
}
|
|
@@ -713,6 +733,66 @@ function OcAccountMenuView({
|
|
|
713
733
|
}
|
|
714
734
|
);
|
|
715
735
|
}
|
|
736
|
+
function PopoverSection({
|
|
737
|
+
label,
|
|
738
|
+
items,
|
|
739
|
+
onItemClick,
|
|
740
|
+
bordered
|
|
741
|
+
}) {
|
|
742
|
+
const cls = "hover:bg-accent flex items-center gap-2 px-3 py-2 font-mono text-[11px] tracking-wide transition-colors";
|
|
743
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
744
|
+
"div",
|
|
745
|
+
{
|
|
746
|
+
className: "p-1 " + (bordered ? "border-border border-t" : ""),
|
|
747
|
+
"data-oc-account-menu-section": label,
|
|
748
|
+
children: [
|
|
749
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground/60 px-3 pt-2 pb-1 font-mono text-[10px] tracking-widest uppercase", children: [
|
|
750
|
+
"\xA7 ",
|
|
751
|
+
label
|
|
752
|
+
] }),
|
|
753
|
+
items.map((item) => {
|
|
754
|
+
const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
755
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: "\u2192" }),
|
|
756
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: item.label }),
|
|
757
|
+
item.external ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
758
|
+
"span",
|
|
759
|
+
{
|
|
760
|
+
className: "text-muted-foreground/70 text-[10px]",
|
|
761
|
+
"aria-hidden": true,
|
|
762
|
+
children: "\u2197"
|
|
763
|
+
}
|
|
764
|
+
) : null
|
|
765
|
+
] });
|
|
766
|
+
return item.external ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
767
|
+
"a",
|
|
768
|
+
{
|
|
769
|
+
href: item.href,
|
|
770
|
+
target: "_blank",
|
|
771
|
+
rel: "noreferrer",
|
|
772
|
+
onClick: onItemClick,
|
|
773
|
+
role: "menuitem",
|
|
774
|
+
className: cls,
|
|
775
|
+
"data-oc-account-menu-item": "",
|
|
776
|
+
children: inner
|
|
777
|
+
},
|
|
778
|
+
item.href
|
|
779
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
780
|
+
Link5__default.default,
|
|
781
|
+
{
|
|
782
|
+
href: item.href,
|
|
783
|
+
onClick: onItemClick,
|
|
784
|
+
role: "menuitem",
|
|
785
|
+
className: cls,
|
|
786
|
+
"data-oc-account-menu-item": "",
|
|
787
|
+
children: inner
|
|
788
|
+
},
|
|
789
|
+
item.href
|
|
790
|
+
);
|
|
791
|
+
})
|
|
792
|
+
]
|
|
793
|
+
}
|
|
794
|
+
);
|
|
795
|
+
}
|
|
716
796
|
function BuildFooter({
|
|
717
797
|
hostname,
|
|
718
798
|
build,
|