jcicl 0.0.29 → 0.0.31
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/.chunks/ButtonBase.js +1 -2
- package/.chunks/DefaultPropsProvider.js +8 -11
- package/.chunks/TransitionGroupContext.js +297 -69
- package/base/Button/Button.js +8 -8
- package/base/Input/Input.js +4695 -1605
- package/composite/List/List.d.ts +1 -0
- package/composite/List/List.js +23 -22
- package/composite/List/ListButton.d.ts +2 -0
- package/composite/List/ListButton.js +12 -23
- package/index.d.ts +1 -1
- package/index.js +20 -23
- package/package.json +1 -1
- package/supercomposite/AppHeader/AppHeader.js +17 -18
- package/supercomposite/index.d.ts +0 -1
- package/supercomposite/index.js +2 -4
- package/templates/index.d.ts +0 -1
- package/templates/index.js +1 -3
- package/.chunks/ListContext.js +0 -6
- package/.chunks/Menu.js +0 -3021
- package/.chunks/NavLink.js +0 -436
- package/.chunks/NavLinkButton.js +0 -259
- package/.chunks/emotion-react.browser.esm.js +0 -231
- package/.chunks/index.js +0 -131
- package/.chunks/isHostComponent.js +0 -17
- package/.chunks/jocologo.js +0 -4
- package/supercomposite/AppBar/AppBar.d.ts +0 -5
- package/supercomposite/AppBar/AppBar.js +0 -361
- package/supercomposite/AppBar/index.d.ts +0 -1
- package/supercomposite/AppBar/index.js +0 -4
- package/supercomposite/OldNav/Nav.d.ts +0 -13
- package/supercomposite/OldNav/Nav.js +0 -626
- package/supercomposite/OldNav/index.d.ts +0 -2
- package/supercomposite/OldNav/index.js +0 -4
- package/supercomposite/OldNav/subcomponents/NavItem/NavItem.d.ts +0 -3
- package/supercomposite/OldNav/subcomponents/NavItem/NavItem.js +0 -34
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.d.ts +0 -3
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLink.js +0 -8
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.d.ts +0 -19
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkButton.js +0 -8
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.d.ts +0 -8
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js +0 -425
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.d.ts +0 -20
- package/supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavMenu.js +0 -432
- package/supercomposite/OldNav/subcomponents/NavItem/types.d.ts +0 -12
- package/supercomposite/OldNav/subcomponents/NavItem/types.js +0 -1
- package/supercomposite/OldNav/types.d.ts +0 -2
- package/supercomposite/OldNav/types.js +0 -1
- package/templates/BasicPage/BasicPage.d.ts +0 -9
- package/templates/BasicPage/BasicPage.js +0 -31
- package/templates/BasicPage/index.d.ts +0 -1
- package/templates/BasicPage/index.js +0 -4
package/.chunks/NavLink.js
DELETED
|
@@ -1,436 +0,0 @@
|
|
|
1
|
-
import { jsx as l, jsxs as C } from "react/jsx-runtime";
|
|
2
|
-
import { NavLinkText as J } from "../supercomposite/OldNav/subcomponents/NavItem/subcomponents/NavLinkText.js";
|
|
3
|
-
import { l as K, N as Q } from "./NavLinkButton.js";
|
|
4
|
-
import * as a from "react";
|
|
5
|
-
import { g as w, a as k, s as L, u as O, c as x, P as e, b as U } from "./DefaultPropsProvider.js";
|
|
6
|
-
import { i as E, a as M } from "./isHostComponent.js";
|
|
7
|
-
import { m as W } from "./memoTheme.js";
|
|
8
|
-
import { L as h } from "./ListContext.js";
|
|
9
|
-
import { a as X, c as Z, e as tt } from "./TransitionGroupContext.js";
|
|
10
|
-
function et(o) {
|
|
11
|
-
return k("MuiListItem", o);
|
|
12
|
-
}
|
|
13
|
-
w("MuiListItem", ["root", "container", "dense", "alignItemsFlexStart", "divider", "gutters", "padding", "secondaryAction"]);
|
|
14
|
-
function ot(o) {
|
|
15
|
-
return k("MuiListItemSecondaryAction", o);
|
|
16
|
-
}
|
|
17
|
-
w("MuiListItemSecondaryAction", ["root", "disableGutters"]);
|
|
18
|
-
const st = (o) => {
|
|
19
|
-
const {
|
|
20
|
-
disableGutters: t,
|
|
21
|
-
classes: s
|
|
22
|
-
} = o;
|
|
23
|
-
return U({
|
|
24
|
-
root: ["root", t && "disableGutters"]
|
|
25
|
-
}, ot, s);
|
|
26
|
-
}, nt = L("div", {
|
|
27
|
-
name: "MuiListItemSecondaryAction",
|
|
28
|
-
slot: "Root",
|
|
29
|
-
overridesResolver: (o, t) => {
|
|
30
|
-
const {
|
|
31
|
-
ownerState: s
|
|
32
|
-
} = o;
|
|
33
|
-
return [t.root, s.disableGutters && t.disableGutters];
|
|
34
|
-
}
|
|
35
|
-
})({
|
|
36
|
-
position: "absolute",
|
|
37
|
-
right: 16,
|
|
38
|
-
top: "50%",
|
|
39
|
-
transform: "translateY(-50%)",
|
|
40
|
-
variants: [{
|
|
41
|
-
props: ({
|
|
42
|
-
ownerState: o
|
|
43
|
-
}) => o.disableGutters,
|
|
44
|
-
style: {
|
|
45
|
-
right: 0
|
|
46
|
-
}
|
|
47
|
-
}]
|
|
48
|
-
}), A = /* @__PURE__ */ a.forwardRef(function(t, s) {
|
|
49
|
-
const n = O({
|
|
50
|
-
props: t,
|
|
51
|
-
name: "MuiListItemSecondaryAction"
|
|
52
|
-
}), {
|
|
53
|
-
className: r,
|
|
54
|
-
...c
|
|
55
|
-
} = n, i = a.useContext(h), d = {
|
|
56
|
-
...n,
|
|
57
|
-
disableGutters: i.disableGutters
|
|
58
|
-
}, g = st(d);
|
|
59
|
-
return /* @__PURE__ */ l(nt, {
|
|
60
|
-
className: x(g.root, r),
|
|
61
|
-
ownerState: d,
|
|
62
|
-
ref: s,
|
|
63
|
-
...c
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
process.env.NODE_ENV !== "production" && (A.propTypes = {
|
|
67
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
68
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
69
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
70
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
71
|
-
/**
|
|
72
|
-
* The content of the component, normally an `IconButton` or selection control.
|
|
73
|
-
*/
|
|
74
|
-
children: e.node,
|
|
75
|
-
/**
|
|
76
|
-
* Override or extend the styles applied to the component.
|
|
77
|
-
*/
|
|
78
|
-
classes: e.object,
|
|
79
|
-
/**
|
|
80
|
-
* @ignore
|
|
81
|
-
*/
|
|
82
|
-
className: e.string,
|
|
83
|
-
/**
|
|
84
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
85
|
-
*/
|
|
86
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
87
|
-
});
|
|
88
|
-
A.muiName = "ListItemSecondaryAction";
|
|
89
|
-
const rt = (o, t) => {
|
|
90
|
-
const {
|
|
91
|
-
ownerState: s
|
|
92
|
-
} = o;
|
|
93
|
-
return [t.root, s.dense && t.dense, s.alignItems === "flex-start" && t.alignItemsFlexStart, s.divider && t.divider, !s.disableGutters && t.gutters, !s.disablePadding && t.padding, s.hasSecondaryAction && t.secondaryAction];
|
|
94
|
-
}, it = (o) => {
|
|
95
|
-
const {
|
|
96
|
-
alignItems: t,
|
|
97
|
-
classes: s,
|
|
98
|
-
dense: n,
|
|
99
|
-
disableGutters: r,
|
|
100
|
-
disablePadding: c,
|
|
101
|
-
divider: i,
|
|
102
|
-
hasSecondaryAction: d
|
|
103
|
-
} = o;
|
|
104
|
-
return U({
|
|
105
|
-
root: ["root", n && "dense", !r && "gutters", !c && "padding", i && "divider", t === "flex-start" && "alignItemsFlexStart", d && "secondaryAction"],
|
|
106
|
-
container: ["container"]
|
|
107
|
-
}, et, s);
|
|
108
|
-
}, at = L("div", {
|
|
109
|
-
name: "MuiListItem",
|
|
110
|
-
slot: "Root",
|
|
111
|
-
overridesResolver: rt
|
|
112
|
-
})(W(({
|
|
113
|
-
theme: o
|
|
114
|
-
}) => ({
|
|
115
|
-
display: "flex",
|
|
116
|
-
justifyContent: "flex-start",
|
|
117
|
-
alignItems: "center",
|
|
118
|
-
position: "relative",
|
|
119
|
-
textDecoration: "none",
|
|
120
|
-
width: "100%",
|
|
121
|
-
boxSizing: "border-box",
|
|
122
|
-
textAlign: "left",
|
|
123
|
-
variants: [{
|
|
124
|
-
props: ({
|
|
125
|
-
ownerState: t
|
|
126
|
-
}) => !t.disablePadding,
|
|
127
|
-
style: {
|
|
128
|
-
paddingTop: 8,
|
|
129
|
-
paddingBottom: 8
|
|
130
|
-
}
|
|
131
|
-
}, {
|
|
132
|
-
props: ({
|
|
133
|
-
ownerState: t
|
|
134
|
-
}) => !t.disablePadding && t.dense,
|
|
135
|
-
style: {
|
|
136
|
-
paddingTop: 4,
|
|
137
|
-
paddingBottom: 4
|
|
138
|
-
}
|
|
139
|
-
}, {
|
|
140
|
-
props: ({
|
|
141
|
-
ownerState: t
|
|
142
|
-
}) => !t.disablePadding && !t.disableGutters,
|
|
143
|
-
style: {
|
|
144
|
-
paddingLeft: 16,
|
|
145
|
-
paddingRight: 16
|
|
146
|
-
}
|
|
147
|
-
}, {
|
|
148
|
-
props: ({
|
|
149
|
-
ownerState: t
|
|
150
|
-
}) => !t.disablePadding && !!t.secondaryAction,
|
|
151
|
-
style: {
|
|
152
|
-
// Add some space to avoid collision as `ListItemSecondaryAction`
|
|
153
|
-
// is absolutely positioned.
|
|
154
|
-
paddingRight: 48
|
|
155
|
-
}
|
|
156
|
-
}, {
|
|
157
|
-
props: ({
|
|
158
|
-
ownerState: t
|
|
159
|
-
}) => !!t.secondaryAction,
|
|
160
|
-
style: {
|
|
161
|
-
[`& > .${K.root}`]: {
|
|
162
|
-
paddingRight: 48
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
}, {
|
|
166
|
-
props: {
|
|
167
|
-
alignItems: "flex-start"
|
|
168
|
-
},
|
|
169
|
-
style: {
|
|
170
|
-
alignItems: "flex-start"
|
|
171
|
-
}
|
|
172
|
-
}, {
|
|
173
|
-
props: ({
|
|
174
|
-
ownerState: t
|
|
175
|
-
}) => t.divider,
|
|
176
|
-
style: {
|
|
177
|
-
borderBottom: `1px solid ${(o.vars || o).palette.divider}`,
|
|
178
|
-
backgroundClip: "padding-box"
|
|
179
|
-
}
|
|
180
|
-
}, {
|
|
181
|
-
props: ({
|
|
182
|
-
ownerState: t
|
|
183
|
-
}) => t.button,
|
|
184
|
-
style: {
|
|
185
|
-
transition: o.transitions.create("background-color", {
|
|
186
|
-
duration: o.transitions.duration.shortest
|
|
187
|
-
}),
|
|
188
|
-
"&:hover": {
|
|
189
|
-
textDecoration: "none",
|
|
190
|
-
backgroundColor: (o.vars || o).palette.action.hover,
|
|
191
|
-
// Reset on touch devices, it doesn't add specificity
|
|
192
|
-
"@media (hover: none)": {
|
|
193
|
-
backgroundColor: "transparent"
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
}, {
|
|
198
|
-
props: ({
|
|
199
|
-
ownerState: t
|
|
200
|
-
}) => t.hasSecondaryAction,
|
|
201
|
-
style: {
|
|
202
|
-
// Add some space to avoid collision as `ListItemSecondaryAction`
|
|
203
|
-
// is absolutely positioned.
|
|
204
|
-
paddingRight: 48
|
|
205
|
-
}
|
|
206
|
-
}]
|
|
207
|
-
}))), ct = L("li", {
|
|
208
|
-
name: "MuiListItem",
|
|
209
|
-
slot: "Container",
|
|
210
|
-
overridesResolver: (o, t) => t.container
|
|
211
|
-
})({
|
|
212
|
-
position: "relative"
|
|
213
|
-
}), B = /* @__PURE__ */ a.forwardRef(function(t, s) {
|
|
214
|
-
const n = O({
|
|
215
|
-
props: t,
|
|
216
|
-
name: "MuiListItem"
|
|
217
|
-
}), {
|
|
218
|
-
alignItems: r = "center",
|
|
219
|
-
children: c,
|
|
220
|
-
className: i,
|
|
221
|
-
component: d,
|
|
222
|
-
components: g = {},
|
|
223
|
-
componentsProps: D = {},
|
|
224
|
-
ContainerComponent: S = "li",
|
|
225
|
-
ContainerProps: {
|
|
226
|
-
className: F,
|
|
227
|
-
..._
|
|
228
|
-
} = {},
|
|
229
|
-
dense: P = !1,
|
|
230
|
-
disableGutters: v = !1,
|
|
231
|
-
disablePadding: $ = !1,
|
|
232
|
-
divider: V = !1,
|
|
233
|
-
secondaryAction: R,
|
|
234
|
-
slotProps: Y = {},
|
|
235
|
-
slots: z = {},
|
|
236
|
-
...H
|
|
237
|
-
} = n, N = a.useContext(h), I = a.useMemo(() => ({
|
|
238
|
-
dense: P || N.dense || !1,
|
|
239
|
-
alignItems: r,
|
|
240
|
-
disableGutters: v
|
|
241
|
-
}), [r, N.dense, P, v]), q = a.useRef(null), p = a.Children.toArray(c), T = p.length && E(p[p.length - 1], ["ListItemSecondaryAction"]), y = {
|
|
242
|
-
...n,
|
|
243
|
-
alignItems: r,
|
|
244
|
-
dense: I.dense,
|
|
245
|
-
disableGutters: v,
|
|
246
|
-
disablePadding: $,
|
|
247
|
-
divider: V,
|
|
248
|
-
hasSecondaryAction: T
|
|
249
|
-
}, G = it(y), j = X(q, s), b = z.root || g.Root || at, u = Y.root || D.root || {}, f = {
|
|
250
|
-
className: x(G.root, u.className, i),
|
|
251
|
-
...H
|
|
252
|
-
};
|
|
253
|
-
let m = d || "li";
|
|
254
|
-
return T ? (m = !f.component && !d ? "div" : m, S === "li" && (m === "li" ? m = "div" : f.component === "li" && (f.component = "div")), /* @__PURE__ */ l(h.Provider, {
|
|
255
|
-
value: I,
|
|
256
|
-
children: /* @__PURE__ */ C(ct, {
|
|
257
|
-
as: S,
|
|
258
|
-
className: x(G.container, F),
|
|
259
|
-
ref: j,
|
|
260
|
-
ownerState: y,
|
|
261
|
-
..._,
|
|
262
|
-
children: [/* @__PURE__ */ l(b, {
|
|
263
|
-
...u,
|
|
264
|
-
...!M(b) && {
|
|
265
|
-
as: m,
|
|
266
|
-
ownerState: {
|
|
267
|
-
...y,
|
|
268
|
-
...u.ownerState
|
|
269
|
-
}
|
|
270
|
-
},
|
|
271
|
-
...f,
|
|
272
|
-
children: p
|
|
273
|
-
}), p.pop()]
|
|
274
|
-
})
|
|
275
|
-
})) : /* @__PURE__ */ l(h.Provider, {
|
|
276
|
-
value: I,
|
|
277
|
-
children: /* @__PURE__ */ C(b, {
|
|
278
|
-
...u,
|
|
279
|
-
as: m,
|
|
280
|
-
ref: j,
|
|
281
|
-
...!M(b) && {
|
|
282
|
-
ownerState: {
|
|
283
|
-
...y,
|
|
284
|
-
...u.ownerState
|
|
285
|
-
}
|
|
286
|
-
},
|
|
287
|
-
...f,
|
|
288
|
-
children: [p, R && /* @__PURE__ */ l(A, {
|
|
289
|
-
children: R
|
|
290
|
-
})]
|
|
291
|
-
})
|
|
292
|
-
});
|
|
293
|
-
});
|
|
294
|
-
process.env.NODE_ENV !== "production" && (B.propTypes = {
|
|
295
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
296
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
297
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
298
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
299
|
-
/**
|
|
300
|
-
* Defines the `align-items` style property.
|
|
301
|
-
* @default 'center'
|
|
302
|
-
*/
|
|
303
|
-
alignItems: e.oneOf(["center", "flex-start"]),
|
|
304
|
-
/**
|
|
305
|
-
* The content of the component if a `ListItemSecondaryAction` is used it must
|
|
306
|
-
* be the last child.
|
|
307
|
-
*/
|
|
308
|
-
children: Z(e.node, (o) => {
|
|
309
|
-
const t = a.Children.toArray(o.children);
|
|
310
|
-
let s = -1;
|
|
311
|
-
for (let n = t.length - 1; n >= 0; n -= 1) {
|
|
312
|
-
const r = t[n];
|
|
313
|
-
if (E(r, ["ListItemSecondaryAction"])) {
|
|
314
|
-
s = n;
|
|
315
|
-
break;
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
return s !== -1 && s !== t.length - 1 ? new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.") : null;
|
|
319
|
-
}),
|
|
320
|
-
/**
|
|
321
|
-
* Override or extend the styles applied to the component.
|
|
322
|
-
*/
|
|
323
|
-
classes: e.object,
|
|
324
|
-
/**
|
|
325
|
-
* @ignore
|
|
326
|
-
*/
|
|
327
|
-
className: e.string,
|
|
328
|
-
/**
|
|
329
|
-
* The component used for the root node.
|
|
330
|
-
* Either a string to use a HTML element or a component.
|
|
331
|
-
*/
|
|
332
|
-
component: e.elementType,
|
|
333
|
-
/**
|
|
334
|
-
* The components used for each slot inside.
|
|
335
|
-
*
|
|
336
|
-
* @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
337
|
-
* @default {}
|
|
338
|
-
*/
|
|
339
|
-
components: e.shape({
|
|
340
|
-
Root: e.elementType
|
|
341
|
-
}),
|
|
342
|
-
/**
|
|
343
|
-
* The extra props for the slot components.
|
|
344
|
-
* You can override the existing props or add new ones.
|
|
345
|
-
*
|
|
346
|
-
* @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
347
|
-
* @default {}
|
|
348
|
-
*/
|
|
349
|
-
componentsProps: e.shape({
|
|
350
|
-
root: e.object
|
|
351
|
-
}),
|
|
352
|
-
/**
|
|
353
|
-
* The container component used when a `ListItemSecondaryAction` is the last child.
|
|
354
|
-
* @default 'li'
|
|
355
|
-
* @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
356
|
-
*/
|
|
357
|
-
ContainerComponent: tt,
|
|
358
|
-
/**
|
|
359
|
-
* Props applied to the container component if used.
|
|
360
|
-
* @default {}
|
|
361
|
-
* @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
362
|
-
*/
|
|
363
|
-
ContainerProps: e.object,
|
|
364
|
-
/**
|
|
365
|
-
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
|
|
366
|
-
* The prop defaults to the value inherited from the parent List component.
|
|
367
|
-
* @default false
|
|
368
|
-
*/
|
|
369
|
-
dense: e.bool,
|
|
370
|
-
/**
|
|
371
|
-
* If `true`, the left and right padding is removed.
|
|
372
|
-
* @default false
|
|
373
|
-
*/
|
|
374
|
-
disableGutters: e.bool,
|
|
375
|
-
/**
|
|
376
|
-
* If `true`, all padding is removed.
|
|
377
|
-
* @default false
|
|
378
|
-
*/
|
|
379
|
-
disablePadding: e.bool,
|
|
380
|
-
/**
|
|
381
|
-
* If `true`, a 1px light border is added to the bottom of the list item.
|
|
382
|
-
* @default false
|
|
383
|
-
*/
|
|
384
|
-
divider: e.bool,
|
|
385
|
-
/**
|
|
386
|
-
* The element to display at the end of ListItem.
|
|
387
|
-
*/
|
|
388
|
-
secondaryAction: e.node,
|
|
389
|
-
/**
|
|
390
|
-
* The extra props for the slot components.
|
|
391
|
-
* You can override the existing props or add new ones.
|
|
392
|
-
*
|
|
393
|
-
* @default {}
|
|
394
|
-
*/
|
|
395
|
-
slotProps: e.shape({
|
|
396
|
-
root: e.object
|
|
397
|
-
}),
|
|
398
|
-
/**
|
|
399
|
-
* The components used for each slot inside.
|
|
400
|
-
*
|
|
401
|
-
* @default {}
|
|
402
|
-
*/
|
|
403
|
-
slots: e.shape({
|
|
404
|
-
root: e.elementType
|
|
405
|
-
}),
|
|
406
|
-
/**
|
|
407
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
408
|
-
*/
|
|
409
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
410
|
-
});
|
|
411
|
-
const bt = ({
|
|
412
|
-
label: o,
|
|
413
|
-
icon: t,
|
|
414
|
-
to: s,
|
|
415
|
-
openInNewTab: n,
|
|
416
|
-
collapsed: r,
|
|
417
|
-
menuOrientation: c
|
|
418
|
-
}) => {
|
|
419
|
-
const i = t;
|
|
420
|
-
return /* @__PURE__ */ l(B, { disablePadding: !0, children: /* @__PURE__ */ C(
|
|
421
|
-
Q,
|
|
422
|
-
{
|
|
423
|
-
href: s ?? "",
|
|
424
|
-
target: s && n ? "_blank" : void 0,
|
|
425
|
-
menuOrientation: c,
|
|
426
|
-
children: [
|
|
427
|
-
i && i,
|
|
428
|
-
/* @__PURE__ */ l(J, { primary: o, collapsed: r })
|
|
429
|
-
]
|
|
430
|
-
}
|
|
431
|
-
) }, o);
|
|
432
|
-
};
|
|
433
|
-
export {
|
|
434
|
-
B as L,
|
|
435
|
-
bt as N
|
|
436
|
-
};
|
package/.chunks/NavLinkButton.js
DELETED
|
@@ -1,259 +0,0 @@
|
|
|
1
|
-
import { n as $, i as L } from "./emotion-styled.browser.esm.js";
|
|
2
|
-
import C from "../theme.js";
|
|
3
|
-
import * as p from "react";
|
|
4
|
-
import { g as P, a as S, s as T, r as h, u as j, c as I, P as e, b as E, d as u } from "./DefaultPropsProvider.js";
|
|
5
|
-
import { m as G } from "./memoTheme.js";
|
|
6
|
-
import { L as O } from "./ListContext.js";
|
|
7
|
-
import { jsx as B } from "react/jsx-runtime";
|
|
8
|
-
import { B as M } from "./ButtonBase.js";
|
|
9
|
-
import { u as U, a as D } from "./TransitionGroupContext.js";
|
|
10
|
-
function z(t) {
|
|
11
|
-
return S("MuiListItemButton", t);
|
|
12
|
-
}
|
|
13
|
-
const i = P("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]), _ = (t, o) => {
|
|
14
|
-
const {
|
|
15
|
-
ownerState: s
|
|
16
|
-
} = t;
|
|
17
|
-
return [o.root, s.dense && o.dense, s.alignItems === "flex-start" && o.alignItemsFlexStart, s.divider && o.divider, !s.disableGutters && o.gutters];
|
|
18
|
-
}, A = (t) => {
|
|
19
|
-
const {
|
|
20
|
-
alignItems: o,
|
|
21
|
-
classes: s,
|
|
22
|
-
dense: l,
|
|
23
|
-
disabled: a,
|
|
24
|
-
disableGutters: c,
|
|
25
|
-
divider: d,
|
|
26
|
-
selected: f
|
|
27
|
-
} = t, r = E({
|
|
28
|
-
root: ["root", l && "dense", !c && "gutters", d && "divider", a && "disabled", o === "flex-start" && "alignItemsFlexStart", f && "selected"]
|
|
29
|
-
}, z, s);
|
|
30
|
-
return {
|
|
31
|
-
...s,
|
|
32
|
-
...r
|
|
33
|
-
};
|
|
34
|
-
}, W = T(M, {
|
|
35
|
-
shouldForwardProp: (t) => h(t) || t === "classes",
|
|
36
|
-
name: "MuiListItemButton",
|
|
37
|
-
slot: "Root",
|
|
38
|
-
overridesResolver: _
|
|
39
|
-
})(G(({
|
|
40
|
-
theme: t
|
|
41
|
-
}) => ({
|
|
42
|
-
display: "flex",
|
|
43
|
-
flexGrow: 1,
|
|
44
|
-
justifyContent: "flex-start",
|
|
45
|
-
alignItems: "center",
|
|
46
|
-
position: "relative",
|
|
47
|
-
textDecoration: "none",
|
|
48
|
-
minWidth: 0,
|
|
49
|
-
boxSizing: "border-box",
|
|
50
|
-
textAlign: "left",
|
|
51
|
-
paddingTop: 8,
|
|
52
|
-
paddingBottom: 8,
|
|
53
|
-
transition: t.transitions.create("background-color", {
|
|
54
|
-
duration: t.transitions.duration.shortest
|
|
55
|
-
}),
|
|
56
|
-
"&:hover": {
|
|
57
|
-
textDecoration: "none",
|
|
58
|
-
backgroundColor: (t.vars || t).palette.action.hover,
|
|
59
|
-
// Reset on touch devices, it doesn't add specificity
|
|
60
|
-
"@media (hover: none)": {
|
|
61
|
-
backgroundColor: "transparent"
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
[`&.${i.selected}`]: {
|
|
65
|
-
backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : u(t.palette.primary.main, t.palette.action.selectedOpacity),
|
|
66
|
-
[`&.${i.focusVisible}`]: {
|
|
67
|
-
backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : u(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
[`&.${i.selected}:hover`]: {
|
|
71
|
-
backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : u(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
|
|
72
|
-
// Reset on touch devices, it doesn't add specificity
|
|
73
|
-
"@media (hover: none)": {
|
|
74
|
-
backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : u(t.palette.primary.main, t.palette.action.selectedOpacity)
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
[`&.${i.focusVisible}`]: {
|
|
78
|
-
backgroundColor: (t.vars || t).palette.action.focus
|
|
79
|
-
},
|
|
80
|
-
[`&.${i.disabled}`]: {
|
|
81
|
-
opacity: (t.vars || t).palette.action.disabledOpacity
|
|
82
|
-
},
|
|
83
|
-
variants: [{
|
|
84
|
-
props: ({
|
|
85
|
-
ownerState: o
|
|
86
|
-
}) => o.divider,
|
|
87
|
-
style: {
|
|
88
|
-
borderBottom: `1px solid ${(t.vars || t).palette.divider}`,
|
|
89
|
-
backgroundClip: "padding-box"
|
|
90
|
-
}
|
|
91
|
-
}, {
|
|
92
|
-
props: {
|
|
93
|
-
alignItems: "flex-start"
|
|
94
|
-
},
|
|
95
|
-
style: {
|
|
96
|
-
alignItems: "flex-start"
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
props: ({
|
|
100
|
-
ownerState: o
|
|
101
|
-
}) => !o.disableGutters,
|
|
102
|
-
style: {
|
|
103
|
-
paddingLeft: 16,
|
|
104
|
-
paddingRight: 16
|
|
105
|
-
}
|
|
106
|
-
}, {
|
|
107
|
-
props: ({
|
|
108
|
-
ownerState: o
|
|
109
|
-
}) => o.dense,
|
|
110
|
-
style: {
|
|
111
|
-
paddingTop: 4,
|
|
112
|
-
paddingBottom: 4
|
|
113
|
-
}
|
|
114
|
-
}]
|
|
115
|
-
}))), k = /* @__PURE__ */ p.forwardRef(function(o, s) {
|
|
116
|
-
const l = j({
|
|
117
|
-
props: o,
|
|
118
|
-
name: "MuiListItemButton"
|
|
119
|
-
}), {
|
|
120
|
-
alignItems: a = "center",
|
|
121
|
-
autoFocus: c = !1,
|
|
122
|
-
component: d = "div",
|
|
123
|
-
children: f,
|
|
124
|
-
dense: b = !1,
|
|
125
|
-
disableGutters: r = !1,
|
|
126
|
-
divider: w = !1,
|
|
127
|
-
focusVisibleClassName: N,
|
|
128
|
-
selected: R = !1,
|
|
129
|
-
className: F,
|
|
130
|
-
...n
|
|
131
|
-
} = l, v = p.useContext(O), y = p.useMemo(() => ({
|
|
132
|
-
dense: b || v.dense || !1,
|
|
133
|
-
alignItems: a,
|
|
134
|
-
disableGutters: r
|
|
135
|
-
}), [a, v.dense, b, r]), m = p.useRef(null);
|
|
136
|
-
U(() => {
|
|
137
|
-
c && (m.current ? m.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
|
|
138
|
-
}, [c]);
|
|
139
|
-
const x = {
|
|
140
|
-
...l,
|
|
141
|
-
alignItems: a,
|
|
142
|
-
dense: y.dense,
|
|
143
|
-
disableGutters: r,
|
|
144
|
-
divider: w,
|
|
145
|
-
selected: R
|
|
146
|
-
}, g = A(x), V = D(m, s);
|
|
147
|
-
return /* @__PURE__ */ B(O.Provider, {
|
|
148
|
-
value: y,
|
|
149
|
-
children: /* @__PURE__ */ B(W, {
|
|
150
|
-
ref: V,
|
|
151
|
-
href: n.href || n.to,
|
|
152
|
-
component: (n.href || n.to) && d === "div" ? "button" : d,
|
|
153
|
-
focusVisibleClassName: I(g.focusVisible, N),
|
|
154
|
-
ownerState: x,
|
|
155
|
-
className: I(g.root, F),
|
|
156
|
-
...n,
|
|
157
|
-
classes: g,
|
|
158
|
-
children: f
|
|
159
|
-
})
|
|
160
|
-
});
|
|
161
|
-
});
|
|
162
|
-
process.env.NODE_ENV !== "production" && (k.propTypes = {
|
|
163
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
164
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
165
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
166
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
167
|
-
/**
|
|
168
|
-
* Defines the `align-items` style property.
|
|
169
|
-
* @default 'center'
|
|
170
|
-
*/
|
|
171
|
-
alignItems: e.oneOf(["center", "flex-start"]),
|
|
172
|
-
/**
|
|
173
|
-
* If `true`, the list item is focused during the first mount.
|
|
174
|
-
* Focus will also be triggered if the value changes from false to true.
|
|
175
|
-
* @default false
|
|
176
|
-
*/
|
|
177
|
-
autoFocus: e.bool,
|
|
178
|
-
/**
|
|
179
|
-
* The content of the component if a `ListItemSecondaryAction` is used it must
|
|
180
|
-
* be the last child.
|
|
181
|
-
*/
|
|
182
|
-
children: e.node,
|
|
183
|
-
/**
|
|
184
|
-
* Override or extend the styles applied to the component.
|
|
185
|
-
*/
|
|
186
|
-
classes: e.object,
|
|
187
|
-
/**
|
|
188
|
-
* @ignore
|
|
189
|
-
*/
|
|
190
|
-
className: e.string,
|
|
191
|
-
/**
|
|
192
|
-
* The component used for the root node.
|
|
193
|
-
* Either a string to use a HTML element or a component.
|
|
194
|
-
*/
|
|
195
|
-
component: e.elementType,
|
|
196
|
-
/**
|
|
197
|
-
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
|
|
198
|
-
* The prop defaults to the value inherited from the parent List component.
|
|
199
|
-
* @default false
|
|
200
|
-
*/
|
|
201
|
-
dense: e.bool,
|
|
202
|
-
/**
|
|
203
|
-
* If `true`, the component is disabled.
|
|
204
|
-
* @default false
|
|
205
|
-
*/
|
|
206
|
-
disabled: e.bool,
|
|
207
|
-
/**
|
|
208
|
-
* If `true`, the left and right padding is removed.
|
|
209
|
-
* @default false
|
|
210
|
-
*/
|
|
211
|
-
disableGutters: e.bool,
|
|
212
|
-
/**
|
|
213
|
-
* If `true`, a 1px light border is added to the bottom of the list item.
|
|
214
|
-
* @default false
|
|
215
|
-
*/
|
|
216
|
-
divider: e.bool,
|
|
217
|
-
/**
|
|
218
|
-
* This prop can help identify which element has keyboard focus.
|
|
219
|
-
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
220
|
-
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
|
|
221
|
-
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
|
|
222
|
-
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
|
|
223
|
-
* if needed.
|
|
224
|
-
*/
|
|
225
|
-
focusVisibleClassName: e.string,
|
|
226
|
-
/**
|
|
227
|
-
* @ignore
|
|
228
|
-
*/
|
|
229
|
-
href: e.string,
|
|
230
|
-
/**
|
|
231
|
-
* Use to apply selected styling.
|
|
232
|
-
* @default false
|
|
233
|
-
*/
|
|
234
|
-
selected: e.bool,
|
|
235
|
-
/**
|
|
236
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
237
|
-
*/
|
|
238
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
239
|
-
});
|
|
240
|
-
const q = $(k, {
|
|
241
|
-
shouldForwardProp: (t) => L(t)
|
|
242
|
-
})(({ menuOrientation: t }) => ({
|
|
243
|
-
"&:hover": {
|
|
244
|
-
backgroundColor: C.colors.green
|
|
245
|
-
},
|
|
246
|
-
color: C.colors.white,
|
|
247
|
-
paddingRight: t === "horizontal" ? "16px" : "8px"
|
|
248
|
-
})), et = $(q, {
|
|
249
|
-
shouldForwardProp: (t) => L(t)
|
|
250
|
-
})(({ menuPosition: t }) => ({
|
|
251
|
-
display: "flex",
|
|
252
|
-
justifyContent: t === "right" ? "flex-start" : "flex-end",
|
|
253
|
-
alignItems: "center"
|
|
254
|
-
}));
|
|
255
|
-
export {
|
|
256
|
-
et as C,
|
|
257
|
-
q as N,
|
|
258
|
-
i as l
|
|
259
|
-
};
|