quirk-ui 0.1.112 → 0.1.113
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/NavLink-CaWX-AXn.js +159 -0
- package/dist/NavLink-jxzO9Z90.cjs +1 -0
- package/dist/NavLink.css +1 -1
- package/dist/core/components/NavBar/NavLink.cjs +1 -1
- package/dist/core/components/NavBar/NavLink.mjs +1 -1
- package/dist/core/components/NavBar/index.cjs +3 -3
- package/dist/core/components/NavBar/index.mjs +256 -243
- package/package.json +1 -1
- package/dist/NavLink-C643yH7n.cjs +0 -1
- package/dist/NavLink-C7jlTfri.js +0 -159
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require('./NavLink.css');const l=require("react/jsx-runtime"),d=require("react"),p=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_rle6b_1",f="_sticky_rle6b_15",I="_left_rle6b_31",C="_container_rle6b_32",M="_logo_rle6b_36",w="_nav_rle6b_1",y="_center_rle6b_51",x="_hidden_rle6b_59",T="_visible_rle6b_66",N="_right_rle6b_81",j="_title_rle6b_88",S="_linkWrapper_rle6b_98",W="_parent_rle6b_98",$="_linkItem_rle6b_105",D="_link_rle6b_98",L="_search_rle6b_111",E="_locale_rle6b_112",F="_themeToggle_rle6b_113",q="_sublinkToggle_rle6b_114",R="_standard_rle6b_165",B="_triangle_rle6b_173",z="_twoColumn_rle6b_202",A="_mobileButtons_rle6b_211",G="_menuToggle_rle6b_289",H="_utilityMobile_rle6b_307",J="_utility_rle6b_307",K="_navInner_rle6b_335",Q="_grid_rle6b_346",U="_searchModal_rle6b_369",V="_localeModal_rle6b_370",X="_separator_rle6b_390",Y="_newTabIcon_rle6b_432",Z="_sublinksDescription_rle6b_445",O="_linkContent_rle6b_448",P="_open_rle6b_461",ee="_back_rle6b_485",ne="_sublinks_rle6b_445",le="_show_rle6b_534",re="_primaryColumn_rle6b_583",oe="_secondaryColumn_rle6b_592",te="_spotlightColumn_rle6b_596",se="_sublinksInner_rle6b_600",_e="_sublinksColumn_rle6b_619",ie="_chevron_rle6b_629",ce="_menubar_rle6b_641",ae="_toolbar_rle6b_645",be="_advanced_rle6b_846",ue="_subtitle_rle6b_855",de="_withSpotlight_rle6b_897",me="_withoutSpotlight_rle6b_901",ge="_transparent_rle6b_939",he="_groupDivider_rle6b_1050",pe="_searchWrapper_rle6b_1058",ke="_mobileMenu_rle6b_1065",ve="_mobileMenuSlide_rle6b_1066",fe="_mobileMenuItem_rle6b_1076",Ie="_fadeInFromLeft_rle6b_1080",Ce="_fadeInFromRight_rle6b_1084",Me="_spotlight_rle6b_596",we="_imageWrapper_rle6b_1094",ye="_content_rle6b_1116",xe="_description_rle6b_1131",Te="_actions_rle6b_1135",n={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:ee,sublinks:ne,show:le,primaryColumn:re,secondaryColumn:oe,spotlightColumn:te,sublinksInner:se,sublinksColumn:_e,chevron:ie,menubar:ce,toolbar:ae,default:"_default_rle6b_773",advanced:be,subtitle:ue,withSpotlight:de,withoutSpotlight:me,transparent:ge,groupDivider:he,searchWrapper:pe,mobileMenu:ke,mobileMenuSlide:ve,mobileMenuItem:fe,fadeInFromLeft:Ie,fadeInFromRight:Ce,spotlight:Me,imageWrapper:we,content:ye,description:xe,actions:Te};function Ne({link:e,path:r,parentPath:i,openPath:m,togglePath:c,updateTriangleIndicator:g,setOpenPath:t,renderLinks:h,buttonRefs:s}){var b;const _=m===r,o=!!((b=e.sublinks)!=null&&b.length),a=d.useRef(null);return d.useEffect(()=>(s.current.set(r,a.current),()=>{s.current.delete(r)}),[r,s]),l.jsxs("div",{role:"menuitem",className:`${n.linkWrapper} ${i?"":n.parent}`,children:[l.jsx("div",{className:n.linkItem,children:e.href?l.jsxs("a",{href:e.href,className:n.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;t(null),(u=e.onClick)==null||u.call(e)},onMouseEnter:()=>{i||t(null)},children:[e.label,e.isExternal&&l.jsx(p.ExternalLink,{className:n.newTabIcon,size:16,"aria-hidden":"true"})]}):l.jsxs("button",{ref:a,"aria-haspopup":o?!0:void 0,"aria-expanded":o?_:void 0,className:`${n.sublinkToggle} ${_?n.open:""}`,onClick:()=>c(r),onMouseEnter:()=>{g(r),t(r)},children:[e.label,o&&l.jsx(k.ChevronDown,{size:18,className:n.chevron,"aria-hidden":"true"})]})}),o&&l.jsx("div",{className:`${n.sublinks} ${_?n.show:""}`,onMouseLeave:()=>c(r),role:"menu","aria-label":`${e.label} submenu`,children:l.jsx("div",{children:l.jsx("div",{className:n.sublinksInner,children:l.jsx("div",{className:n.sublinksColumn,children:h(e.sublinks,r)})})})})]})}exports.NavLink=Ne;exports.styles=n;
|
package/dist/NavLink-C7jlTfri.js
DELETED
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as h, useEffect as k } from "react";
|
|
3
|
-
import { E as v } from "./external-link-BOPobeQJ.js";
|
|
4
|
-
import { C as f } from "./chevron-down-DSUzBz9F.js";
|
|
5
|
-
import './NavLink.css';const C = "_navbar_rle6b_1", I = "_sticky_rle6b_15", M = "_left_rle6b_31", w = "_container_rle6b_32", y = "_logo_rle6b_36", T = "_nav_rle6b_1", N = "_center_rle6b_51", S = "_hidden_rle6b_59", W = "_visible_rle6b_66", x = "_right_rle6b_81", E = "_title_rle6b_88", D = "_linkWrapper_rle6b_98", $ = "_parent_rle6b_98", F = "_linkItem_rle6b_105", L = "_link_rle6b_98", B = "_search_rle6b_111", R = "_locale_rle6b_112", j = "_themeToggle_rle6b_113", z = "_sublinkToggle_rle6b_114", q = "_standard_rle6b_165", A = "_triangle_rle6b_173", G = "_twoColumn_rle6b_202", H = "_mobileButtons_rle6b_211", J = "_menuToggle_rle6b_289", K = "_utilityMobile_rle6b_307", Q = "_utility_rle6b_307", U = "_navInner_rle6b_335", V = "_grid_rle6b_346", X = "_searchModal_rle6b_369", Y = "_localeModal_rle6b_370", Z = "_separator_rle6b_390", O = "_newTabIcon_rle6b_432", P = "_sublinksDescription_rle6b_445", ee = "_linkContent_rle6b_448", ne = "_open_rle6b_461", le = "_back_rle6b_485", oe = "_sublinks_rle6b_445", re = "_show_rle6b_534", te = "_primaryColumn_rle6b_583", se = "_secondaryColumn_rle6b_592", _e = "_spotlightColumn_rle6b_596", ie = "_sublinksInner_rle6b_600", ae = "_sublinksColumn_rle6b_619", ce = "_chevron_rle6b_629", be = "_menubar_rle6b_641", ue = "_toolbar_rle6b_645", me = "_advanced_rle6b_846", de = "_subtitle_rle6b_855", pe = "_withSpotlight_rle6b_897", ge = "_withoutSpotlight_rle6b_901", he = "_transparent_rle6b_939", ke = "_groupDivider_rle6b_1050", ve = "_searchWrapper_rle6b_1058", fe = "_mobileMenu_rle6b_1065", Ce = "_mobileMenuSlide_rle6b_1066", Ie = "_mobileMenuItem_rle6b_1076", Me = "_fadeInFromLeft_rle6b_1080", we = "_fadeInFromRight_rle6b_1084", ye = "_spotlight_rle6b_596", Te = "_imageWrapper_rle6b_1094", Ne = "_content_rle6b_1116", Se = "_description_rle6b_1131", We = "_actions_rle6b_1135", n = {
|
|
6
|
-
navbar: C,
|
|
7
|
-
sticky: I,
|
|
8
|
-
left: M,
|
|
9
|
-
container: w,
|
|
10
|
-
logo: y,
|
|
11
|
-
nav: T,
|
|
12
|
-
center: N,
|
|
13
|
-
hidden: S,
|
|
14
|
-
visible: W,
|
|
15
|
-
right: x,
|
|
16
|
-
title: E,
|
|
17
|
-
linkWrapper: D,
|
|
18
|
-
parent: $,
|
|
19
|
-
linkItem: F,
|
|
20
|
-
link: L,
|
|
21
|
-
search: B,
|
|
22
|
-
locale: R,
|
|
23
|
-
themeToggle: j,
|
|
24
|
-
sublinkToggle: z,
|
|
25
|
-
standard: q,
|
|
26
|
-
triangle: A,
|
|
27
|
-
twoColumn: G,
|
|
28
|
-
mobileButtons: H,
|
|
29
|
-
menuToggle: J,
|
|
30
|
-
utilityMobile: K,
|
|
31
|
-
utility: Q,
|
|
32
|
-
navInner: U,
|
|
33
|
-
grid: V,
|
|
34
|
-
searchModal: X,
|
|
35
|
-
localeModal: Y,
|
|
36
|
-
separator: Z,
|
|
37
|
-
newTabIcon: O,
|
|
38
|
-
sublinksDescription: P,
|
|
39
|
-
linkContent: ee,
|
|
40
|
-
open: ne,
|
|
41
|
-
back: le,
|
|
42
|
-
sublinks: oe,
|
|
43
|
-
show: re,
|
|
44
|
-
primaryColumn: te,
|
|
45
|
-
secondaryColumn: se,
|
|
46
|
-
spotlightColumn: _e,
|
|
47
|
-
sublinksInner: ie,
|
|
48
|
-
sublinksColumn: ae,
|
|
49
|
-
chevron: ce,
|
|
50
|
-
menubar: be,
|
|
51
|
-
toolbar: ue,
|
|
52
|
-
default: "_default_rle6b_773",
|
|
53
|
-
advanced: me,
|
|
54
|
-
subtitle: de,
|
|
55
|
-
withSpotlight: pe,
|
|
56
|
-
withoutSpotlight: ge,
|
|
57
|
-
transparent: he,
|
|
58
|
-
groupDivider: ke,
|
|
59
|
-
searchWrapper: ve,
|
|
60
|
-
mobileMenu: fe,
|
|
61
|
-
mobileMenuSlide: Ce,
|
|
62
|
-
mobileMenuItem: Ie,
|
|
63
|
-
fadeInFromLeft: Me,
|
|
64
|
-
fadeInFromRight: we,
|
|
65
|
-
spotlight: ye,
|
|
66
|
-
imageWrapper: Te,
|
|
67
|
-
content: Ne,
|
|
68
|
-
description: Se,
|
|
69
|
-
actions: We
|
|
70
|
-
};
|
|
71
|
-
function Fe({
|
|
72
|
-
link: e,
|
|
73
|
-
path: l,
|
|
74
|
-
parentPath: a,
|
|
75
|
-
openPath: d,
|
|
76
|
-
togglePath: c,
|
|
77
|
-
updateTriangleIndicator: p,
|
|
78
|
-
setOpenPath: t,
|
|
79
|
-
renderLinks: g,
|
|
80
|
-
buttonRefs: s
|
|
81
|
-
}) {
|
|
82
|
-
var u;
|
|
83
|
-
const _ = d === l, r = !!((u = e.sublinks) != null && u.length), b = h(null);
|
|
84
|
-
return k(() => (s.current.set(l, b.current), () => {
|
|
85
|
-
s.current.delete(l);
|
|
86
|
-
}), [l, s]), /* @__PURE__ */ i(
|
|
87
|
-
"div",
|
|
88
|
-
{
|
|
89
|
-
role: "menuitem",
|
|
90
|
-
className: `${n.linkWrapper} ${a ? "" : n.parent}`,
|
|
91
|
-
children: [
|
|
92
|
-
/* @__PURE__ */ o("div", { className: n.linkItem, children: e.href ? /* @__PURE__ */ i(
|
|
93
|
-
"a",
|
|
94
|
-
{
|
|
95
|
-
href: e.href,
|
|
96
|
-
className: n.link,
|
|
97
|
-
target: e.isExternal ? "_blank" : "_self",
|
|
98
|
-
rel: e.isExternal ? "noopener noreferrer" : void 0,
|
|
99
|
-
onClick: () => {
|
|
100
|
-
var m;
|
|
101
|
-
t(null), (m = e.onClick) == null || m.call(e);
|
|
102
|
-
},
|
|
103
|
-
onMouseEnter: () => {
|
|
104
|
-
a || t(null);
|
|
105
|
-
},
|
|
106
|
-
children: [
|
|
107
|
-
e.label,
|
|
108
|
-
e.isExternal && /* @__PURE__ */ o(
|
|
109
|
-
v,
|
|
110
|
-
{
|
|
111
|
-
className: n.newTabIcon,
|
|
112
|
-
size: 16,
|
|
113
|
-
"aria-hidden": "true"
|
|
114
|
-
}
|
|
115
|
-
)
|
|
116
|
-
]
|
|
117
|
-
}
|
|
118
|
-
) : /* @__PURE__ */ i(
|
|
119
|
-
"button",
|
|
120
|
-
{
|
|
121
|
-
ref: b,
|
|
122
|
-
"aria-haspopup": r ? !0 : void 0,
|
|
123
|
-
"aria-expanded": r ? _ : void 0,
|
|
124
|
-
className: `${n.sublinkToggle} ${_ ? n.open : ""}`,
|
|
125
|
-
onClick: () => c(l),
|
|
126
|
-
onMouseEnter: () => {
|
|
127
|
-
p(l), t(l);
|
|
128
|
-
},
|
|
129
|
-
children: [
|
|
130
|
-
e.label,
|
|
131
|
-
r && /* @__PURE__ */ o(
|
|
132
|
-
f,
|
|
133
|
-
{
|
|
134
|
-
size: 18,
|
|
135
|
-
className: n.chevron,
|
|
136
|
-
"aria-hidden": "true"
|
|
137
|
-
}
|
|
138
|
-
)
|
|
139
|
-
]
|
|
140
|
-
}
|
|
141
|
-
) }),
|
|
142
|
-
r && /* @__PURE__ */ o(
|
|
143
|
-
"div",
|
|
144
|
-
{
|
|
145
|
-
className: `${n.sublinks} ${_ ? n.show : ""}`,
|
|
146
|
-
onMouseLeave: () => c(l),
|
|
147
|
-
role: "menu",
|
|
148
|
-
"aria-label": `${e.label} submenu`,
|
|
149
|
-
children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: n.sublinksInner, children: /* @__PURE__ */ o("div", { className: n.sublinksColumn, children: g(e.sublinks, l) }) }) })
|
|
150
|
-
}
|
|
151
|
-
)
|
|
152
|
-
]
|
|
153
|
-
}
|
|
154
|
-
);
|
|
155
|
-
}
|
|
156
|
-
export {
|
|
157
|
-
Fe as N,
|
|
158
|
-
n as s
|
|
159
|
-
};
|