@rankingcoach/vanguard 1.4.2 → 1.5.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-Accordion2.js +1 -1
- package/dist/index-AccordionDetails.js +1 -1
- package/dist/index-AccordionSummary.js +1 -1
- package/dist/index-AiGlow.js +1 -1
- package/dist/index-AppBar2.js +1 -1
- package/dist/index-Autocomplete.js +2 -2
- package/dist/index-Autocomplete2.js +1 -1
- package/dist/index-Backdrop.js +1 -1
- package/dist/index-BasePopper.js +1 -1
- package/dist/index-Box.js +1 -1
- package/dist/index-Button2.js +1 -1
- package/dist/index-ButtonBase.js +1 -1
- package/dist/index-CSSTransition.js +1 -1
- package/dist/index-CalendarPicker.js +1 -1
- package/dist/index-Chip.js +1 -1
- package/dist/index-ClickAwayListener.js +1 -1
- package/dist/index-ClockPicker.js +1 -1
- package/dist/index-Collapse2.js +1 -1
- package/dist/index-DatePicker2.js +1 -1
- package/dist/index-DefaultPropsProvider.js +1 -1
- package/dist/index-DefaultPropsProvider2.js +1 -1
- package/dist/index-DesktopDatePicker.js +1 -1
- package/dist/index-Dialog.js +1 -1
- package/dist/index-DialogActions.js +1 -1
- package/dist/index-DialogContent.js +1 -1
- package/dist/index-Drawer.js +1 -1
- package/dist/index-Drawer2.js +1 -1
- package/dist/index-DropdownMenu.js +1 -1
- package/dist/index-Fade.js +1 -1
- package/dist/index-FilledInput.js +1 -1
- package/dist/index-FocusTrap.js +1 -1
- package/dist/index-FormControl2.js +1 -1
- package/dist/index-FormHelperText.js +1 -1
- package/dist/index-FormLabel.js +1 -1
- package/dist/index-GlobalStyles.js +1 -1
- package/dist/index-GlobalStyles2.js +1 -1
- package/dist/index-GlobalStyles3.js +1 -1
- package/dist/index-Grid.js +1 -1
- package/dist/index-Grow.js +1 -1
- package/dist/index-Header.js +1 -1
- package/dist/index-IconButton2.js +1 -1
- package/dist/index-Input2.js +1 -1
- package/dist/index-InputAdornment.js +1 -1
- package/dist/index-InputBase2.js +1 -1
- package/dist/index-InputLabel.js +1 -1
- package/dist/index-LinearProgress.js +1 -1
- package/dist/index-List2.js +1 -1
- package/dist/index-ListSubheader.js +1 -1
- package/dist/index-LocalizationProvider.js +1 -1
- package/dist/index-Menu.js +41 -251
- package/dist/index-Menu2.js +254 -0
- package/dist/index-MenuItem.js +38 -237
- package/dist/index-MenuItem2.js +240 -0
- package/dist/index-MenuList.js +1 -1
- package/dist/index-MobileDatePicker.js +1 -1
- package/dist/index-Modal2.js +1 -1
- package/dist/index-MonthPicker.js +1 -1
- package/dist/index-NativeSelectInput.js +1 -1
- package/dist/index-NotchedOutline.js +1 -1
- package/dist/index-OutlinedInput.js +1 -1
- package/dist/index-Paper.js +1 -1
- package/dist/index-Parser2.js +2 -3
- package/dist/index-PickersDay.js +1 -1
- package/dist/index-Popover2.js +1 -1
- package/dist/index-Popper.js +1 -1
- package/dist/index-Portal.js +1 -1
- package/dist/index-PropTypes.js +1 -1
- package/dist/index-QuoteContainer.js +1 -1
- package/dist/index-Ripple.js +1 -1
- package/dist/index-RtlProvider.js +1 -1
- package/dist/index-ScrollbarSize.js +1 -1
- package/dist/index-SearchableSelect.js +1 -1
- package/dist/index-Select.js +1 -1
- package/dist/index-Select2.js +1 -1
- package/dist/index-SelectInput2.js +2 -2
- package/dist/index-Skeleton2.js +1 -1
- package/dist/index-Slide.js +1 -1
- package/dist/index-Slider2.js +1 -1
- package/dist/index-SliderValueLabel.js +1 -1
- package/dist/index-Snackbar2.js +1 -1
- package/dist/index-SnackbarContent.js +1 -1
- package/dist/index-StyledEngineProvider.js +1 -1
- package/dist/index-SvgIcon.js +1 -1
- package/dist/index-Tab2.js +1 -1
- package/dist/index-TabScrollButton.js +1 -1
- package/dist/index-Tabs2.js +1 -1
- package/dist/index-TextField.js +1 -1
- package/dist/index-TextareaAutosize.js +1 -1
- package/dist/index-ToggleButton2.js +1 -1
- package/dist/index-ToggleButtonGroup2.js +1 -1
- package/dist/index-Toolbar2.js +1 -1
- package/dist/index-Tooltip.js +1 -1
- package/dist/index-TouchRipple.js +1 -1
- package/dist/index-Transition.js +1 -1
- package/dist/index-TransitionGroup.js +1 -1
- package/dist/index-Typography.js +1 -1
- package/dist/index-YearPicker.js +1 -1
- package/dist/index-_virtual16.js +3 -5
- package/dist/index-_virtual17.js +5 -3
- package/dist/index-_virtual2.js +5 -5
- package/dist/index-_virtual3.js +4 -4
- package/dist/index-_virtual4.js +5 -5
- package/dist/index-elementAcceptingRef.js +1 -1
- package/dist/index-elementTypeAcceptingRef.js +1 -1
- package/dist/index-helpers3.js +1 -1
- package/dist/index-refType.js +1 -1
- package/dist/index-responsivePropType.js +1 -1
- package/dist/index.js +396 -392
- package/dist/types/core/Menu/Menu.d.ts +17 -0
- package/dist/types/core/Menu/index.d.ts +2 -0
- package/dist/types/core/MenuItem/MenuItem.d.ts +14 -0
- package/dist/types/core/MenuItem/index.d.ts +2 -0
- package/dist/types/index.d.ts +62 -58
- package/dist/vanguard-asset-analysis.json +1 -1
- package/dist/vanguard.css +1 -1
- package/dist-wordpress/vanguard.css +1 -1
- package/package.json +1 -1
package/dist/index-MenuItem.js
CHANGED
|
@@ -1,240 +1,41 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}, W = j(_, {
|
|
38
|
-
shouldForwardProp: (e) => S(e) || e === "classes",
|
|
39
|
-
name: "MuiMenuItem",
|
|
40
|
-
slot: "Root",
|
|
41
|
-
overridesResolver: H
|
|
42
|
-
})(({
|
|
43
|
-
theme: e,
|
|
44
|
-
ownerState: t
|
|
45
|
-
}) => l({}, e.typography.body1, {
|
|
46
|
-
display: "flex",
|
|
47
|
-
justifyContent: "flex-start",
|
|
48
|
-
alignItems: "center",
|
|
49
|
-
position: "relative",
|
|
50
|
-
textDecoration: "none",
|
|
51
|
-
minHeight: 48,
|
|
52
|
-
paddingTop: 6,
|
|
53
|
-
paddingBottom: 6,
|
|
54
|
-
boxSizing: "border-box",
|
|
55
|
-
whiteSpace: "nowrap"
|
|
56
|
-
}, !t.disableGutters && {
|
|
57
|
-
paddingLeft: 16,
|
|
58
|
-
paddingRight: 16
|
|
59
|
-
}, t.divider && {
|
|
60
|
-
borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
|
|
61
|
-
backgroundClip: "padding-box"
|
|
62
|
-
}, {
|
|
63
|
-
"&:hover": {
|
|
64
|
-
textDecoration: "none",
|
|
65
|
-
backgroundColor: (e.vars || e).palette.action.hover,
|
|
66
|
-
// Reset on touch devices, it doesn't add specificity
|
|
67
|
-
"@media (hover: none)": {
|
|
68
|
-
backgroundColor: "transparent"
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
[`&.${n.selected}`]: {
|
|
72
|
-
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity),
|
|
73
|
-
[`&.${n.focusVisible}`]: {
|
|
74
|
-
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
[`&.${n.selected}:hover`]: {
|
|
78
|
-
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
|
|
79
|
-
// Reset on touch devices, it doesn't add specificity
|
|
80
|
-
"@media (hover: none)": {
|
|
81
|
-
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity)
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
[`&.${n.focusVisible}`]: {
|
|
85
|
-
backgroundColor: (e.vars || e).palette.action.focus
|
|
86
|
-
},
|
|
87
|
-
[`&.${n.disabled}`]: {
|
|
88
|
-
opacity: (e.vars || e).palette.action.disabledOpacity
|
|
89
|
-
},
|
|
90
|
-
[`& + .${N.root}`]: {
|
|
91
|
-
marginTop: e.spacing(1),
|
|
92
|
-
marginBottom: e.spacing(1)
|
|
93
|
-
},
|
|
94
|
-
[`& + .${N.inset}`]: {
|
|
95
|
-
marginLeft: 52
|
|
96
|
-
},
|
|
97
|
-
[`& .${M.root}`]: {
|
|
98
|
-
marginTop: 0,
|
|
99
|
-
marginBottom: 0
|
|
100
|
-
},
|
|
101
|
-
[`& .${M.inset}`]: {
|
|
102
|
-
paddingLeft: 36
|
|
103
|
-
},
|
|
104
|
-
[`& .${O.root}`]: {
|
|
105
|
-
minWidth: 36
|
|
106
|
-
}
|
|
107
|
-
}, !t.dense && {
|
|
108
|
-
[e.breakpoints.up("sm")]: {
|
|
109
|
-
minHeight: "auto"
|
|
110
|
-
}
|
|
111
|
-
}, t.dense && l({
|
|
112
|
-
minHeight: 32,
|
|
113
|
-
// https://m2.material.io/components/menus#specs > Dense
|
|
114
|
-
paddingTop: 4,
|
|
115
|
-
paddingBottom: 4
|
|
116
|
-
}, e.typography.body2, {
|
|
117
|
-
[`& .${O.root} svg`]: {
|
|
118
|
-
fontSize: "1.25rem"
|
|
119
|
-
}
|
|
120
|
-
}))), q = /* @__PURE__ */ d.forwardRef(function(t, a) {
|
|
121
|
-
const s = F({
|
|
122
|
-
props: t,
|
|
123
|
-
name: "MuiMenuItem"
|
|
124
|
-
}), {
|
|
125
|
-
autoFocus: c = !1,
|
|
126
|
-
component: u = "li",
|
|
127
|
-
dense: r = !1,
|
|
128
|
-
divider: b = !1,
|
|
129
|
-
disableGutters: i = !1,
|
|
130
|
-
focusVisibleClassName: k,
|
|
131
|
-
role: R = "menuitem",
|
|
132
|
-
tabIndex: v,
|
|
133
|
-
className: T
|
|
134
|
-
} = s, V = P(s, U), g = d.useContext($), y = d.useMemo(() => ({
|
|
135
|
-
dense: r || g.dense || !1,
|
|
136
|
-
disableGutters: i
|
|
137
|
-
}), [g.dense, r, i]), m = d.useRef(null);
|
|
138
|
-
G(() => {
|
|
139
|
-
c && (m.current ? m.current.focus() : process.env.NODE_ENV);
|
|
140
|
-
}, [c]);
|
|
141
|
-
const B = l({}, s, {
|
|
142
|
-
dense: y.dense,
|
|
143
|
-
divider: b,
|
|
144
|
-
disableGutters: i
|
|
145
|
-
}), f = z(s), E = D(m, a);
|
|
146
|
-
let C;
|
|
147
|
-
return s.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
|
|
148
|
-
value: y,
|
|
149
|
-
children: /* @__PURE__ */ I(W, l({
|
|
150
|
-
ref: E,
|
|
151
|
-
role: R,
|
|
152
|
-
tabIndex: C,
|
|
153
|
-
component: u,
|
|
154
|
-
focusVisibleClassName: x(f.focusVisible, k),
|
|
155
|
-
className: x(f.root, T)
|
|
156
|
-
}, V, {
|
|
157
|
-
ownerState: B,
|
|
158
|
-
classes: f
|
|
159
|
-
}))
|
|
1
|
+
import { jsx as s, jsxs as x } from "react/jsx-runtime";
|
|
2
|
+
import { Icon as i } from "./index-Icon.js";
|
|
3
|
+
import { Text as d, TextTypes as y } from "./index-Text.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import u from "./index-MenuItem2.js";
|
|
6
|
+
const T = ({
|
|
7
|
+
testId: m,
|
|
8
|
+
className: f,
|
|
9
|
+
children: t,
|
|
10
|
+
textType: p = y.text,
|
|
11
|
+
icon: n,
|
|
12
|
+
iconProps: a,
|
|
13
|
+
iconPosition: e = "before",
|
|
14
|
+
...l
|
|
15
|
+
}) => {
|
|
16
|
+
const o = typeof t == "string" ? s(d, {
|
|
17
|
+
type: p,
|
|
18
|
+
children: t
|
|
19
|
+
}) : t, r = n ? s(i, {
|
|
20
|
+
...a,
|
|
21
|
+
children: n
|
|
22
|
+
}) : null, c = r ? x("div", {
|
|
23
|
+
style: {
|
|
24
|
+
display: "flex",
|
|
25
|
+
alignItems: "center",
|
|
26
|
+
width: "100%",
|
|
27
|
+
gap: 8,
|
|
28
|
+
justifyContent: e === "after" ? "space-between" : "flex-start"
|
|
29
|
+
},
|
|
30
|
+
children: [e === "before" && r, o, e === "after" && r]
|
|
31
|
+
}) : o;
|
|
32
|
+
return s(u, {
|
|
33
|
+
"data-testid": m,
|
|
34
|
+
className: f,
|
|
35
|
+
...l,
|
|
36
|
+
children: c
|
|
160
37
|
});
|
|
161
|
-
}
|
|
162
|
-
process.env.NODE_ENV !== "production" && (q.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
|
-
* If `true`, the list item is focused during the first mount.
|
|
169
|
-
* Focus will also be triggered if the value changes from false to true.
|
|
170
|
-
* @default false
|
|
171
|
-
*/
|
|
172
|
-
autoFocus: o.bool,
|
|
173
|
-
/**
|
|
174
|
-
* The content of the component.
|
|
175
|
-
*/
|
|
176
|
-
children: o.node,
|
|
177
|
-
/**
|
|
178
|
-
* Override or extend the styles applied to the component.
|
|
179
|
-
*/
|
|
180
|
-
classes: o.object,
|
|
181
|
-
/**
|
|
182
|
-
* @ignore
|
|
183
|
-
*/
|
|
184
|
-
className: o.string,
|
|
185
|
-
/**
|
|
186
|
-
* The component used for the root node.
|
|
187
|
-
* Either a string to use a HTML element or a component.
|
|
188
|
-
*/
|
|
189
|
-
component: o.elementType,
|
|
190
|
-
/**
|
|
191
|
-
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
|
|
192
|
-
* The prop defaults to the value inherited from the parent Menu component.
|
|
193
|
-
* @default false
|
|
194
|
-
*/
|
|
195
|
-
dense: o.bool,
|
|
196
|
-
/**
|
|
197
|
-
* @ignore
|
|
198
|
-
*/
|
|
199
|
-
disabled: o.bool,
|
|
200
|
-
/**
|
|
201
|
-
* If `true`, the left and right padding is removed.
|
|
202
|
-
* @default false
|
|
203
|
-
*/
|
|
204
|
-
disableGutters: o.bool,
|
|
205
|
-
/**
|
|
206
|
-
* If `true`, a 1px light border is added to the bottom of the menu item.
|
|
207
|
-
* @default false
|
|
208
|
-
*/
|
|
209
|
-
divider: o.bool,
|
|
210
|
-
/**
|
|
211
|
-
* This prop can help identify which element has keyboard focus.
|
|
212
|
-
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
213
|
-
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
|
|
214
|
-
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
|
|
215
|
-
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
|
|
216
|
-
* if needed.
|
|
217
|
-
*/
|
|
218
|
-
focusVisibleClassName: o.string,
|
|
219
|
-
/**
|
|
220
|
-
* @ignore
|
|
221
|
-
*/
|
|
222
|
-
role: o.string,
|
|
223
|
-
/**
|
|
224
|
-
* If `true`, the component is selected.
|
|
225
|
-
* @default false
|
|
226
|
-
*/
|
|
227
|
-
selected: o.bool,
|
|
228
|
-
/**
|
|
229
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
230
|
-
*/
|
|
231
|
-
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
|
|
232
|
-
/**
|
|
233
|
-
* @default 0
|
|
234
|
-
*/
|
|
235
|
-
tabIndex: o.number
|
|
236
|
-
});
|
|
38
|
+
};
|
|
237
39
|
export {
|
|
238
|
-
|
|
239
|
-
H as overridesResolver
|
|
40
|
+
T as MenuItem
|
|
240
41
|
};
|
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
import P from "./index-objectWithoutPropertiesLoose.js";
|
|
2
|
+
import l from "./index-extends.js";
|
|
3
|
+
import * as d from "react";
|
|
4
|
+
import o from "./index-_virtual17.js";
|
|
5
|
+
import { clsx as x } from "./index-clsx.js";
|
|
6
|
+
import { c as p } from "./index-colorManipulator2.js";
|
|
7
|
+
import j from "./index-styled.js";
|
|
8
|
+
import $ from "./index-ListContext.js";
|
|
9
|
+
import n, { getMenuItemUtilityClass as w } from "./index-menuItemClasses.js";
|
|
10
|
+
import { jsx as I } from "react/jsx-runtime";
|
|
11
|
+
import { useDefaultProps as F } from "./index-DefaultPropsProvider.js";
|
|
12
|
+
import G from "./index-useEnhancedEffect2.js";
|
|
13
|
+
import D from "./index-useForkRef.js";
|
|
14
|
+
import L from "./index-composeClasses.js";
|
|
15
|
+
import _ from "./index-ButtonBase.js";
|
|
16
|
+
import S from "./index-rootShouldForwardProp.js";
|
|
17
|
+
import O from "./index-listItemIconClasses.js";
|
|
18
|
+
import M from "./index-listItemTextClasses.js";
|
|
19
|
+
import N from "./index-dividerClasses.js";
|
|
20
|
+
const U = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], H = (e, t) => {
|
|
21
|
+
const {
|
|
22
|
+
ownerState: a
|
|
23
|
+
} = e;
|
|
24
|
+
return [t.root, a.dense && t.dense, a.divider && t.divider, !a.disableGutters && t.gutters];
|
|
25
|
+
}, z = (e) => {
|
|
26
|
+
const {
|
|
27
|
+
disabled: t,
|
|
28
|
+
dense: a,
|
|
29
|
+
divider: s,
|
|
30
|
+
disableGutters: c,
|
|
31
|
+
selected: u,
|
|
32
|
+
classes: r
|
|
33
|
+
} = e, i = L({
|
|
34
|
+
root: ["root", a && "dense", t && "disabled", !c && "gutters", s && "divider", u && "selected"]
|
|
35
|
+
}, w, r);
|
|
36
|
+
return l({}, r, i);
|
|
37
|
+
}, W = j(_, {
|
|
38
|
+
shouldForwardProp: (e) => S(e) || e === "classes",
|
|
39
|
+
name: "MuiMenuItem",
|
|
40
|
+
slot: "Root",
|
|
41
|
+
overridesResolver: H
|
|
42
|
+
})(({
|
|
43
|
+
theme: e,
|
|
44
|
+
ownerState: t
|
|
45
|
+
}) => l({}, e.typography.body1, {
|
|
46
|
+
display: "flex",
|
|
47
|
+
justifyContent: "flex-start",
|
|
48
|
+
alignItems: "center",
|
|
49
|
+
position: "relative",
|
|
50
|
+
textDecoration: "none",
|
|
51
|
+
minHeight: 48,
|
|
52
|
+
paddingTop: 6,
|
|
53
|
+
paddingBottom: 6,
|
|
54
|
+
boxSizing: "border-box",
|
|
55
|
+
whiteSpace: "nowrap"
|
|
56
|
+
}, !t.disableGutters && {
|
|
57
|
+
paddingLeft: 16,
|
|
58
|
+
paddingRight: 16
|
|
59
|
+
}, t.divider && {
|
|
60
|
+
borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
|
|
61
|
+
backgroundClip: "padding-box"
|
|
62
|
+
}, {
|
|
63
|
+
"&:hover": {
|
|
64
|
+
textDecoration: "none",
|
|
65
|
+
backgroundColor: (e.vars || e).palette.action.hover,
|
|
66
|
+
// Reset on touch devices, it doesn't add specificity
|
|
67
|
+
"@media (hover: none)": {
|
|
68
|
+
backgroundColor: "transparent"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
[`&.${n.selected}`]: {
|
|
72
|
+
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity),
|
|
73
|
+
[`&.${n.focusVisible}`]: {
|
|
74
|
+
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
[`&.${n.selected}:hover`]: {
|
|
78
|
+
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
|
|
79
|
+
// Reset on touch devices, it doesn't add specificity
|
|
80
|
+
"@media (hover: none)": {
|
|
81
|
+
backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p.alpha(e.palette.primary.main, e.palette.action.selectedOpacity)
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
[`&.${n.focusVisible}`]: {
|
|
85
|
+
backgroundColor: (e.vars || e).palette.action.focus
|
|
86
|
+
},
|
|
87
|
+
[`&.${n.disabled}`]: {
|
|
88
|
+
opacity: (e.vars || e).palette.action.disabledOpacity
|
|
89
|
+
},
|
|
90
|
+
[`& + .${N.root}`]: {
|
|
91
|
+
marginTop: e.spacing(1),
|
|
92
|
+
marginBottom: e.spacing(1)
|
|
93
|
+
},
|
|
94
|
+
[`& + .${N.inset}`]: {
|
|
95
|
+
marginLeft: 52
|
|
96
|
+
},
|
|
97
|
+
[`& .${M.root}`]: {
|
|
98
|
+
marginTop: 0,
|
|
99
|
+
marginBottom: 0
|
|
100
|
+
},
|
|
101
|
+
[`& .${M.inset}`]: {
|
|
102
|
+
paddingLeft: 36
|
|
103
|
+
},
|
|
104
|
+
[`& .${O.root}`]: {
|
|
105
|
+
minWidth: 36
|
|
106
|
+
}
|
|
107
|
+
}, !t.dense && {
|
|
108
|
+
[e.breakpoints.up("sm")]: {
|
|
109
|
+
minHeight: "auto"
|
|
110
|
+
}
|
|
111
|
+
}, t.dense && l({
|
|
112
|
+
minHeight: 32,
|
|
113
|
+
// https://m2.material.io/components/menus#specs > Dense
|
|
114
|
+
paddingTop: 4,
|
|
115
|
+
paddingBottom: 4
|
|
116
|
+
}, e.typography.body2, {
|
|
117
|
+
[`& .${O.root} svg`]: {
|
|
118
|
+
fontSize: "1.25rem"
|
|
119
|
+
}
|
|
120
|
+
}))), q = /* @__PURE__ */ d.forwardRef(function(t, a) {
|
|
121
|
+
const s = F({
|
|
122
|
+
props: t,
|
|
123
|
+
name: "MuiMenuItem"
|
|
124
|
+
}), {
|
|
125
|
+
autoFocus: c = !1,
|
|
126
|
+
component: u = "li",
|
|
127
|
+
dense: r = !1,
|
|
128
|
+
divider: b = !1,
|
|
129
|
+
disableGutters: i = !1,
|
|
130
|
+
focusVisibleClassName: k,
|
|
131
|
+
role: R = "menuitem",
|
|
132
|
+
tabIndex: v,
|
|
133
|
+
className: T
|
|
134
|
+
} = s, V = P(s, U), g = d.useContext($), y = d.useMemo(() => ({
|
|
135
|
+
dense: r || g.dense || !1,
|
|
136
|
+
disableGutters: i
|
|
137
|
+
}), [g.dense, r, i]), m = d.useRef(null);
|
|
138
|
+
G(() => {
|
|
139
|
+
c && (m.current ? m.current.focus() : process.env.NODE_ENV);
|
|
140
|
+
}, [c]);
|
|
141
|
+
const B = l({}, s, {
|
|
142
|
+
dense: y.dense,
|
|
143
|
+
divider: b,
|
|
144
|
+
disableGutters: i
|
|
145
|
+
}), f = z(s), E = D(m, a);
|
|
146
|
+
let C;
|
|
147
|
+
return s.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
|
|
148
|
+
value: y,
|
|
149
|
+
children: /* @__PURE__ */ I(W, l({
|
|
150
|
+
ref: E,
|
|
151
|
+
role: R,
|
|
152
|
+
tabIndex: C,
|
|
153
|
+
component: u,
|
|
154
|
+
focusVisibleClassName: x(f.focusVisible, k),
|
|
155
|
+
className: x(f.root, T)
|
|
156
|
+
}, V, {
|
|
157
|
+
ownerState: B,
|
|
158
|
+
classes: f
|
|
159
|
+
}))
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
process.env.NODE_ENV !== "production" && (q.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
|
+
* If `true`, the list item is focused during the first mount.
|
|
169
|
+
* Focus will also be triggered if the value changes from false to true.
|
|
170
|
+
* @default false
|
|
171
|
+
*/
|
|
172
|
+
autoFocus: o.bool,
|
|
173
|
+
/**
|
|
174
|
+
* The content of the component.
|
|
175
|
+
*/
|
|
176
|
+
children: o.node,
|
|
177
|
+
/**
|
|
178
|
+
* Override or extend the styles applied to the component.
|
|
179
|
+
*/
|
|
180
|
+
classes: o.object,
|
|
181
|
+
/**
|
|
182
|
+
* @ignore
|
|
183
|
+
*/
|
|
184
|
+
className: o.string,
|
|
185
|
+
/**
|
|
186
|
+
* The component used for the root node.
|
|
187
|
+
* Either a string to use a HTML element or a component.
|
|
188
|
+
*/
|
|
189
|
+
component: o.elementType,
|
|
190
|
+
/**
|
|
191
|
+
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
|
|
192
|
+
* The prop defaults to the value inherited from the parent Menu component.
|
|
193
|
+
* @default false
|
|
194
|
+
*/
|
|
195
|
+
dense: o.bool,
|
|
196
|
+
/**
|
|
197
|
+
* @ignore
|
|
198
|
+
*/
|
|
199
|
+
disabled: o.bool,
|
|
200
|
+
/**
|
|
201
|
+
* If `true`, the left and right padding is removed.
|
|
202
|
+
* @default false
|
|
203
|
+
*/
|
|
204
|
+
disableGutters: o.bool,
|
|
205
|
+
/**
|
|
206
|
+
* If `true`, a 1px light border is added to the bottom of the menu item.
|
|
207
|
+
* @default false
|
|
208
|
+
*/
|
|
209
|
+
divider: o.bool,
|
|
210
|
+
/**
|
|
211
|
+
* This prop can help identify which element has keyboard focus.
|
|
212
|
+
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
213
|
+
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
|
|
214
|
+
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
|
|
215
|
+
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
|
|
216
|
+
* if needed.
|
|
217
|
+
*/
|
|
218
|
+
focusVisibleClassName: o.string,
|
|
219
|
+
/**
|
|
220
|
+
* @ignore
|
|
221
|
+
*/
|
|
222
|
+
role: o.string,
|
|
223
|
+
/**
|
|
224
|
+
* If `true`, the component is selected.
|
|
225
|
+
* @default false
|
|
226
|
+
*/
|
|
227
|
+
selected: o.bool,
|
|
228
|
+
/**
|
|
229
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
230
|
+
*/
|
|
231
|
+
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
|
|
232
|
+
/**
|
|
233
|
+
* @default 0
|
|
234
|
+
*/
|
|
235
|
+
tabIndex: o.number
|
|
236
|
+
});
|
|
237
|
+
export {
|
|
238
|
+
q as default,
|
|
239
|
+
H as overridesResolver
|
|
240
|
+
};
|
package/dist/index-MenuList.js
CHANGED
|
@@ -2,7 +2,7 @@ import T from "./index-extends.js";
|
|
|
2
2
|
import H from "./index-objectWithoutPropertiesLoose.js";
|
|
3
3
|
import * as c from "react";
|
|
4
4
|
import { isFragment as O } from "react-is";
|
|
5
|
-
import d from "./index-
|
|
5
|
+
import d from "./index-_virtual17.js";
|
|
6
6
|
import { jsx as j } from "react/jsx-runtime";
|
|
7
7
|
import _ from "./index-useEnhancedEffect2.js";
|
|
8
8
|
import A from "./index-getScrollbarSize.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import a from "./index-extends.js";
|
|
2
2
|
import f from "./index-objectWithoutPropertiesLoose.js";
|
|
3
3
|
import * as P from "react";
|
|
4
|
-
import o from "./index-
|
|
4
|
+
import o from "./index-_virtual17.js";
|
|
5
5
|
import { useDatePickerDefaultizedProps as h, datePickerValueManager as g } from "./index-shared.js";
|
|
6
6
|
import { DatePickerToolbar as D } from "./index-DatePickerToolbar.js";
|
|
7
7
|
import { MobileWrapper as T } from "./index-MobileWrapper.js";
|
package/dist/index-Modal2.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import no from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import n from "./index-extends.js";
|
|
3
3
|
import * as $ from "react";
|
|
4
|
-
import o from "./index-
|
|
4
|
+
import o from "./index-_virtual17.js";
|
|
5
5
|
import { clsx as z } from "./index-clsx.js";
|
|
6
6
|
import q from "./index-styled.js";
|
|
7
7
|
import ro from "./index-useModal.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import J from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import v from "./index-extends.js";
|
|
3
3
|
import * as a from "react";
|
|
4
|
-
import t from "./index-
|
|
4
|
+
import t from "./index-_virtual17.js";
|
|
5
5
|
import { clsx as Q } from "./index-clsx.m.js";
|
|
6
6
|
import { PickersMonth as X } from "./index-PickersMonth.js";
|
|
7
7
|
import { useUtils as A, useNow as Z, useDefaultDates as $ } from "./index-useUtils.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import R from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import a from "./index-extends.js";
|
|
3
3
|
import * as m from "react";
|
|
4
|
-
import r from "./index-
|
|
4
|
+
import r from "./index-_virtual17.js";
|
|
5
5
|
import { clsx as N } from "./index-clsx.js";
|
|
6
6
|
import p, { getNativeSelectUtilityClasses as C } from "./index-nativeSelectClasses.js";
|
|
7
7
|
import b from "./index-styled.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import u from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import n from "./index-extends.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import e from "./index-
|
|
4
|
+
import e from "./index-_virtual17.js";
|
|
5
5
|
import l from "./index-styled.js";
|
|
6
6
|
import { jsx as o } from "react/jsx-runtime";
|
|
7
7
|
import c from "./index-rootShouldForwardProp.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import j from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import l from "./index-extends.js";
|
|
3
3
|
import * as I from "react";
|
|
4
|
-
import o from "./index-
|
|
4
|
+
import o from "./index-_virtual17.js";
|
|
5
5
|
import A from "./index-NotchedOutline.js";
|
|
6
6
|
import N from "./index-useFormControl.js";
|
|
7
7
|
import w from "./index-formControlState.js";
|
package/dist/index-Paper.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import b from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import s from "./index-extends.js";
|
|
3
3
|
import * as g from "react";
|
|
4
|
-
import r from "./index-
|
|
4
|
+
import r from "./index-_virtual17.js";
|
|
5
5
|
import { clsx as y } from "./index-clsx.js";
|
|
6
6
|
import { c as v } from "./index-colorManipulator2.js";
|
|
7
7
|
import P from "./index-styled.js";
|
package/dist/index-Parser2.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import S, { QuoteType as u } from "./index-Tokenizer.js";
|
|
2
|
-
import "./index-decode.js";
|
|
3
2
|
import { fromCodePoint as p } from "./index-decode_codepoint.js";
|
|
4
3
|
const f = /* @__PURE__ */ new Set([
|
|
5
4
|
"input",
|
|
@@ -88,7 +87,7 @@ const f = /* @__PURE__ */ new Set([
|
|
|
88
87
|
"desc",
|
|
89
88
|
"title"
|
|
90
89
|
]), I = /\s|\//;
|
|
91
|
-
class
|
|
90
|
+
class E {
|
|
92
91
|
constructor(t, e = {}) {
|
|
93
92
|
var s, i, o, h, a;
|
|
94
93
|
this.options = e, this.startIndex = 0, this.endIndex = 0, this.openTagStart = 0, this.tagname = "", this.attribname = "", this.attribvalue = "", this.attribs = null, this.stack = [], this.foreignContext = [], this.buffers = [], this.bufferOffset = 0, this.writeIndex = 0, this.ended = !1, this.cbs = t ?? {}, this.lowerCaseTagNames = (s = e.lowerCaseTags) !== null && s !== void 0 ? s : !e.xmlMode, this.lowerCaseAttributeNames = (i = e.lowerCaseAttributeNames) !== null && i !== void 0 ? i : !e.xmlMode, this.tokenizer = new ((o = e.Tokenizer) !== null && o !== void 0 ? o : S)(this.options, this), (a = (h = this.cbs).onparserinit) === null || a === void 0 || a.call(h, this);
|
|
@@ -316,5 +315,5 @@ class y {
|
|
|
316
315
|
}
|
|
317
316
|
}
|
|
318
317
|
export {
|
|
319
|
-
|
|
318
|
+
E as Parser
|
|
320
319
|
};
|
package/dist/index-PickersDay.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import G from "./index-objectWithoutPropertiesLoose.js";
|
|
2
2
|
import y from "./index-extends.js";
|
|
3
3
|
import * as m from "react";
|
|
4
|
-
import e from "./index-
|
|
4
|
+
import e from "./index-_virtual17.js";
|
|
5
5
|
import { clsx as T } from "./index-clsx.m.js";
|
|
6
6
|
import { useUtils as L } from "./index-useUtils.js";
|
|
7
7
|
import { DAY_SIZE as S, DAY_MARGIN as V } from "./index-dimensions.js";
|
package/dist/index-Popover2.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import v from "./index-extends.js";
|
|
2
2
|
import j from "./index-objectWithoutPropertiesLoose.js";
|
|
3
3
|
import * as p from "react";
|
|
4
|
-
import e from "./index-
|
|
4
|
+
import e from "./index-_virtual17.js";
|
|
5
5
|
import { clsx as Z } from "./index-clsx.js";
|
|
6
6
|
import le from "./index-styled.js";
|
|
7
7
|
import { getPopoverUtilityClass as Ee } from "./index-popoverClasses.js";
|
package/dist/index-Popper.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import i from "./index-extends.js";
|
|
2
2
|
import E from "./index-objectWithoutPropertiesLoose.js";
|
|
3
3
|
import _ from "./index-useThemeWithoutDefault.js";
|
|
4
|
-
import o from "./index-
|
|
4
|
+
import o from "./index-_virtual17.js";
|
|
5
5
|
import * as k from "react";
|
|
6
6
|
import q from "./index-BasePopper.js";
|
|
7
7
|
import { jsx as W } from "react/jsx-runtime";
|
package/dist/index-Portal.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import * as y from "react-dom";
|
|
3
|
-
import p from "./index-
|
|
3
|
+
import p from "./index-_virtual17.js";
|
|
4
4
|
import { jsx as s } from "react/jsx-runtime";
|
|
5
5
|
import P from "./index-useForkRef.js";
|
|
6
6
|
import T from "./index-getReactElementRef.js";
|
package/dist/index-PropTypes.js
CHANGED