@cgi-learning-hub/ui 0.0.1-dev.1708959157 → 0.0.1-dev.1708964890
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/Box-7uR7JZiM.cjs +1 -0
- package/dist/Box-CPGTKTgx.js +56 -0
- package/dist/{ButtonBase-C5_-KI-D.js → ButtonBase-B0tkJ9zf.js} +2 -2
- package/dist/{ButtonBase-XPViWbp_.cjs → ButtonBase-DCL6Xlnm.cjs} +1 -1
- package/dist/CircularProgress-CZX5SfKt.cjs +28 -0
- package/dist/CircularProgress-CguDBnxV.js +215 -0
- package/dist/{components/buttons/IconButton/IconButton.es.js → IconButton-CJ1Nt-jf.js} +41 -46
- package/dist/IconButton-De7ZdW2q.cjs +2 -0
- package/dist/{InputBase-D8YZOKOt.js → InputBase-C_yPRkam.js} +109 -112
- package/dist/InputBase-Dvr5GnwD.cjs +4 -0
- package/dist/Tab-Bhm9hCrX.cjs +1 -0
- package/dist/{Tab-Dgd9jYEq.js → Tab-C4l6V01S.js} +9 -9
- package/dist/{Typography-Di0hlj32.js → Typography-CyFLZjnE.js} +99 -74
- package/dist/Typography-DwsN2Ttm.cjs +1 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/Dropzone/Dropzone.cjs.js +5 -5
- package/dist/components/Dropzone/Dropzone.es.js +12 -11
- package/dist/components/Dropzone/Dropzone.stories.cjs.js +1 -0
- package/dist/components/{AnotherComponent/AnotherComponent.stories.d.ts → Dropzone/Dropzone.stories.d.ts} +1 -2
- package/dist/components/Dropzone/Dropzone.stories.es.js +17 -0
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +577 -7
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +4 -4
- package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/index.es.js +2 -2
- package/dist/components/buttons/IconButton.stories.cjs.js +1 -0
- package/dist/components/buttons/IconButton.stories.d.ts +4 -0
- package/dist/components/buttons/IconButton.stories.es.js +27 -0
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +4 -4
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.d.ts +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +8 -7
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +2 -2
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.d.ts +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +10 -9
- package/dist/components/buttons/index.cjs.js +1 -1
- package/dist/components/buttons/index.d.ts +0 -1
- package/dist/components/buttons/index.es.js +6 -8
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.es.js +18 -24
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.es.js +10 -10
- package/dist/components/inputs/SearchInput/SearchInput.stories.cjs.js +1 -0
- package/dist/components/inputs/SearchInput/SearchInput.stories.d.ts +4 -0
- package/dist/components/inputs/SearchInput/SearchInput.stories.es.js +16 -0
- package/dist/components/inputs/TextInput/TextInput.cjs.js +11 -11
- package/dist/components/inputs/TextInput/TextInput.es.js +1905 -1655
- package/dist/components/inputs/TextInput/TextInput.stories.cjs.js +1 -0
- package/dist/components/inputs/TextInput/TextInput.stories.d.ts +4 -0
- package/dist/components/inputs/TextInput/TextInput.stories.es.js +17 -0
- package/dist/components/lists/FileList/FileList.cjs.js +1 -1
- package/dist/components/lists/FileList/FileList.es.js +1 -1
- package/dist/components/lists/FileList/FileList.stories.cjs.js +1 -0
- package/dist/components/lists/FileList/FileList.stories.d.ts +4 -0
- package/dist/components/lists/FileList/FileList.stories.es.js +28 -0
- package/dist/components/lists/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/lists/FileList/FileListItem.es.js +18 -17
- package/dist/components/lists/TabList.stories.cjs.js +4 -0
- package/dist/components/lists/TabList.stories.d.ts +4 -0
- package/dist/components/lists/TabList.stories.es.js +1027 -0
- package/dist/{createSvgIcon-BivvPRyr.cjs → createSvgIcon-B6bZPuto.cjs} +1 -1
- package/dist/createSvgIcon-BX8WQ5r-.cjs +2 -0
- package/dist/{createSvgIcon-D4Mxh_r9.js → createSvgIcon-KaSN8JhZ.js} +7 -7
- package/dist/createSvgIcon-m_wsenOJ.js +84 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +18 -24
- package/dist/isHostComponent-PydJW4A4.cjs +1 -0
- package/dist/isHostComponent-kiaBvYVo.js +6 -0
- package/dist/{ownerWindow-BoRkeomM.js → ownerWindow-C7EH1lr6.js} +2 -2
- package/dist/{refType-dllUCpD8.cjs → refType-CHSN6ysS.cjs} +1 -1
- package/dist/{refType-hKctx4k0.js → refType-Hh9tfnoF.js} +1 -1
- package/dist/unsupportedProp-Bn6XWqwH.cjs +1 -0
- package/dist/unsupportedProp-BuVD30Gh.js +9 -0
- package/dist/useSlotProps-MoAYME1z.js +70 -0
- package/dist/useSlotProps-R4s13HHI.cjs +1 -0
- package/dist/{useTheme-C-LTLVMt.cjs → useTheme-BDPYLOoP.cjs} +1 -1
- package/dist/{useTheme-BZek68TX.js → useTheme-DJEDOopE.js} +1 -1
- package/dist/{useThemeProps-CHytz5pp.js → useThemeProps-Dg9Uoq7q.js} +656 -689
- package/dist/useThemeProps-jkB5q9ie.cjs +65 -0
- package/package.json +1 -1
- package/dist/Button-C5ROgtyW.js +0 -356
- package/dist/Button-wMPAZpnO.cjs +0 -1
- package/dist/DefaultButton-BD9W4fvr.cjs +0 -28
- package/dist/DefaultButton-BlGFPRC7.js +0 -439
- package/dist/Input-CGU1Xw4s.js +0 -322
- package/dist/Input-DHic6dYE.cjs +0 -1
- package/dist/InputBase-WBNJQn8V.cjs +0 -4
- package/dist/Tab-C2Tmr8Sv.cjs +0 -1
- package/dist/Typography-CO64FVmw.cjs +0 -1
- package/dist/components/AnotherComponent/AnotherComponent.cjs.js +0 -1
- package/dist/components/AnotherComponent/AnotherComponent.d.ts +0 -2
- package/dist/components/AnotherComponent/AnotherComponent.es.js +0 -15
- package/dist/components/AnotherComponent/AnotherComponent.stories.cjs.js +0 -1
- package/dist/components/AnotherComponent/AnotherComponent.stories.es.js +0 -22
- package/dist/components/AnotherComponent/index.cjs.js +0 -1
- package/dist/components/AnotherComponent/index.d.ts +0 -2
- package/dist/components/AnotherComponent/index.es.js +0 -4
- package/dist/components/BasicButtons/BasicButtons.cjs.js +0 -1
- package/dist/components/BasicButtons/BasicButtons.d.ts +0 -2
- package/dist/components/BasicButtons/BasicButtons.es.js +0 -189
- package/dist/components/BasicButtons/BasicButtons.stories.cjs.js +0 -1
- package/dist/components/BasicButtons/BasicButtons.stories.d.ts +0 -5
- package/dist/components/BasicButtons/BasicButtons.stories.es.js +0 -22
- package/dist/components/BasicButtons/index.cjs.js +0 -1
- package/dist/components/BasicButtons/index.d.ts +0 -2
- package/dist/components/BasicButtons/index.es.js +0 -4
- package/dist/components/buttons/IconButton/IconButton.cjs.js +0 -2
- package/dist/components/buttons/IconButton/IconButton.d.ts +0 -5
- package/dist/components/buttons/IconButton/index.cjs.js +0 -1
- package/dist/components/buttons/IconButton/index.d.ts +0 -2
- package/dist/components/buttons/IconButton/index.es.js +0 -4
- package/dist/createSvgIcon-B7HVs3ZC.cjs +0 -2
- package/dist/createSvgIcon-D3HDfwCm.js +0 -143
- package/dist/extendSxProp-D5gpnasP.cjs +0 -1
- package/dist/extendSxProp-DCdWqtQk.js +0 -29
- package/dist/useThemeProps-C6ClLEqN.cjs +0 -65
package/dist/Input-CGU1Xw4s.js
DELETED
|
@@ -1,322 +0,0 @@
|
|
|
1
|
-
import { a, g as j, c as B, s as g, r as U, f as _, _ as w, k as M, P as o, j as S } from "./useThemeProps-CHytz5pp.js";
|
|
2
|
-
import * as W from "react";
|
|
3
|
-
import { i as E, I as F, r as N, a as X, b as k, c as A } from "./InputBase-D8YZOKOt.js";
|
|
4
|
-
import { jsx as L } from "react/jsx-runtime";
|
|
5
|
-
import { r as V } from "./refType-hKctx4k0.js";
|
|
6
|
-
function q(t) {
|
|
7
|
-
return B("MuiInput", t);
|
|
8
|
-
}
|
|
9
|
-
const D = a({}, E, j("MuiInput", ["root", "underline", "input"])), r = D, z = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"], G = (t) => {
|
|
10
|
-
const {
|
|
11
|
-
classes: e,
|
|
12
|
-
disableUnderline: s
|
|
13
|
-
} = t, i = S({
|
|
14
|
-
root: ["root", !s && "underline"],
|
|
15
|
-
input: ["input"]
|
|
16
|
-
}, q, e);
|
|
17
|
-
return a({}, e, i);
|
|
18
|
-
}, H = g(F, {
|
|
19
|
-
shouldForwardProp: (t) => U(t) || t === "classes",
|
|
20
|
-
name: "MuiInput",
|
|
21
|
-
slot: "Root",
|
|
22
|
-
overridesResolver: (t, e) => {
|
|
23
|
-
const {
|
|
24
|
-
ownerState: s
|
|
25
|
-
} = t;
|
|
26
|
-
return [...N(t, e), !s.disableUnderline && e.underline];
|
|
27
|
-
}
|
|
28
|
-
})(({
|
|
29
|
-
theme: t,
|
|
30
|
-
ownerState: e
|
|
31
|
-
}) => {
|
|
32
|
-
let n = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
|
|
33
|
-
return t.vars && (n = `rgba(${t.vars.palette.common.onBackgroundChannel} / ${t.vars.opacity.inputUnderline})`), a({
|
|
34
|
-
position: "relative"
|
|
35
|
-
}, e.formControl && {
|
|
36
|
-
"label + &": {
|
|
37
|
-
marginTop: 16
|
|
38
|
-
}
|
|
39
|
-
}, !e.disableUnderline && {
|
|
40
|
-
"&::after": {
|
|
41
|
-
borderBottom: `2px solid ${(t.vars || t).palette[e.color].main}`,
|
|
42
|
-
left: 0,
|
|
43
|
-
bottom: 0,
|
|
44
|
-
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
|
|
45
|
-
content: '""',
|
|
46
|
-
position: "absolute",
|
|
47
|
-
right: 0,
|
|
48
|
-
transform: "scaleX(0)",
|
|
49
|
-
transition: t.transitions.create("transform", {
|
|
50
|
-
duration: t.transitions.duration.shorter,
|
|
51
|
-
easing: t.transitions.easing.easeOut
|
|
52
|
-
}),
|
|
53
|
-
pointerEvents: "none"
|
|
54
|
-
// Transparent to the hover style.
|
|
55
|
-
},
|
|
56
|
-
[`&.${r.focused}:after`]: {
|
|
57
|
-
// translateX(0) is a workaround for Safari transform scale bug
|
|
58
|
-
// See https://github.com/mui/material-ui/issues/31766
|
|
59
|
-
transform: "scaleX(1) translateX(0)"
|
|
60
|
-
},
|
|
61
|
-
[`&.${r.error}`]: {
|
|
62
|
-
"&::before, &::after": {
|
|
63
|
-
borderBottomColor: (t.vars || t).palette.error.main
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
"&::before": {
|
|
67
|
-
borderBottom: `1px solid ${n}`,
|
|
68
|
-
left: 0,
|
|
69
|
-
bottom: 0,
|
|
70
|
-
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
|
|
71
|
-
content: '"\\00a0"',
|
|
72
|
-
position: "absolute",
|
|
73
|
-
right: 0,
|
|
74
|
-
transition: t.transitions.create("border-bottom-color", {
|
|
75
|
-
duration: t.transitions.duration.shorter
|
|
76
|
-
}),
|
|
77
|
-
pointerEvents: "none"
|
|
78
|
-
// Transparent to the hover style.
|
|
79
|
-
},
|
|
80
|
-
[`&:hover:not(.${r.disabled}, .${r.error}):before`]: {
|
|
81
|
-
borderBottom: `2px solid ${(t.vars || t).palette.text.primary}`,
|
|
82
|
-
// Reset on touch devices, it doesn't add specificity
|
|
83
|
-
"@media (hover: none)": {
|
|
84
|
-
borderBottom: `1px solid ${n}`
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
[`&.${r.disabled}:before`]: {
|
|
88
|
-
borderBottomStyle: "dotted"
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
}), J = g(X, {
|
|
92
|
-
name: "MuiInput",
|
|
93
|
-
slot: "Input",
|
|
94
|
-
overridesResolver: k
|
|
95
|
-
})({}), u = /* @__PURE__ */ W.forwardRef(function(e, s) {
|
|
96
|
-
var n, i, d, c;
|
|
97
|
-
const p = _({
|
|
98
|
-
props: e,
|
|
99
|
-
name: "MuiInput"
|
|
100
|
-
}), {
|
|
101
|
-
disableUnderline: v,
|
|
102
|
-
components: m = {},
|
|
103
|
-
componentsProps: b,
|
|
104
|
-
fullWidth: I = !1,
|
|
105
|
-
inputComponent: C = "input",
|
|
106
|
-
multiline: P = !1,
|
|
107
|
-
slotProps: l,
|
|
108
|
-
slots: f = {},
|
|
109
|
-
type: T = "text"
|
|
110
|
-
} = p, R = w(p, z), $ = G(p), y = {
|
|
111
|
-
root: {
|
|
112
|
-
ownerState: {
|
|
113
|
-
disableUnderline: v
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}, O = l ?? b ? M(l ?? b, y) : y, x = (n = (i = f.root) != null ? i : m.Root) != null ? n : H, h = (d = (c = f.input) != null ? c : m.Input) != null ? d : J;
|
|
117
|
-
return /* @__PURE__ */ L(A, a({
|
|
118
|
-
slots: {
|
|
119
|
-
root: x,
|
|
120
|
-
input: h
|
|
121
|
-
},
|
|
122
|
-
slotProps: O,
|
|
123
|
-
fullWidth: I,
|
|
124
|
-
inputComponent: C,
|
|
125
|
-
multiline: P,
|
|
126
|
-
ref: s,
|
|
127
|
-
type: T
|
|
128
|
-
}, R, {
|
|
129
|
-
classes: $
|
|
130
|
-
}));
|
|
131
|
-
});
|
|
132
|
-
process.env.NODE_ENV !== "production" && (u.propTypes = {
|
|
133
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
134
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
135
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
136
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
137
|
-
/**
|
|
138
|
-
* This prop helps users to fill forms faster, especially on mobile devices.
|
|
139
|
-
* The name can be confusing, as it's more like an autofill.
|
|
140
|
-
* You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
|
|
141
|
-
*/
|
|
142
|
-
autoComplete: o.string,
|
|
143
|
-
/**
|
|
144
|
-
* If `true`, the `input` element is focused during the first mount.
|
|
145
|
-
*/
|
|
146
|
-
autoFocus: o.bool,
|
|
147
|
-
/**
|
|
148
|
-
* Override or extend the styles applied to the component.
|
|
149
|
-
*/
|
|
150
|
-
classes: o.object,
|
|
151
|
-
/**
|
|
152
|
-
* The color of the component.
|
|
153
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
|
154
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
155
|
-
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
156
|
-
*/
|
|
157
|
-
color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
|
|
158
|
-
/**
|
|
159
|
-
* The components used for each slot inside.
|
|
160
|
-
*
|
|
161
|
-
* This prop is an alias for the `slots` prop.
|
|
162
|
-
* It's recommended to use the `slots` prop instead.
|
|
163
|
-
*
|
|
164
|
-
* @default {}
|
|
165
|
-
*/
|
|
166
|
-
components: o.shape({
|
|
167
|
-
Input: o.elementType,
|
|
168
|
-
Root: o.elementType
|
|
169
|
-
}),
|
|
170
|
-
/**
|
|
171
|
-
* The extra props for the slot components.
|
|
172
|
-
* You can override the existing props or add new ones.
|
|
173
|
-
*
|
|
174
|
-
* This prop is an alias for the `slotProps` prop.
|
|
175
|
-
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
|
|
176
|
-
*
|
|
177
|
-
* @default {}
|
|
178
|
-
*/
|
|
179
|
-
componentsProps: o.shape({
|
|
180
|
-
input: o.object,
|
|
181
|
-
root: o.object
|
|
182
|
-
}),
|
|
183
|
-
/**
|
|
184
|
-
* The default value. Use when the component is not controlled.
|
|
185
|
-
*/
|
|
186
|
-
defaultValue: o.any,
|
|
187
|
-
/**
|
|
188
|
-
* If `true`, the component is disabled.
|
|
189
|
-
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
190
|
-
*/
|
|
191
|
-
disabled: o.bool,
|
|
192
|
-
/**
|
|
193
|
-
* If `true`, the `input` will not have an underline.
|
|
194
|
-
*/
|
|
195
|
-
disableUnderline: o.bool,
|
|
196
|
-
/**
|
|
197
|
-
* End `InputAdornment` for this component.
|
|
198
|
-
*/
|
|
199
|
-
endAdornment: o.node,
|
|
200
|
-
/**
|
|
201
|
-
* If `true`, the `input` will indicate an error.
|
|
202
|
-
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
203
|
-
*/
|
|
204
|
-
error: o.bool,
|
|
205
|
-
/**
|
|
206
|
-
* If `true`, the `input` will take up the full width of its container.
|
|
207
|
-
* @default false
|
|
208
|
-
*/
|
|
209
|
-
fullWidth: o.bool,
|
|
210
|
-
/**
|
|
211
|
-
* The id of the `input` element.
|
|
212
|
-
*/
|
|
213
|
-
id: o.string,
|
|
214
|
-
/**
|
|
215
|
-
* The component used for the `input` element.
|
|
216
|
-
* Either a string to use a HTML element or a component.
|
|
217
|
-
* @default 'input'
|
|
218
|
-
*/
|
|
219
|
-
inputComponent: o.elementType,
|
|
220
|
-
/**
|
|
221
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
|
|
222
|
-
* @default {}
|
|
223
|
-
*/
|
|
224
|
-
inputProps: o.object,
|
|
225
|
-
/**
|
|
226
|
-
* Pass a ref to the `input` element.
|
|
227
|
-
*/
|
|
228
|
-
inputRef: V,
|
|
229
|
-
/**
|
|
230
|
-
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
231
|
-
* FormControl.
|
|
232
|
-
* The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
|
|
233
|
-
*/
|
|
234
|
-
margin: o.oneOf(["dense", "none"]),
|
|
235
|
-
/**
|
|
236
|
-
* Maximum number of rows to display when multiline option is set to true.
|
|
237
|
-
*/
|
|
238
|
-
maxRows: o.oneOfType([o.number, o.string]),
|
|
239
|
-
/**
|
|
240
|
-
* Minimum number of rows to display when multiline option is set to true.
|
|
241
|
-
*/
|
|
242
|
-
minRows: o.oneOfType([o.number, o.string]),
|
|
243
|
-
/**
|
|
244
|
-
* If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
|
|
245
|
-
* @default false
|
|
246
|
-
*/
|
|
247
|
-
multiline: o.bool,
|
|
248
|
-
/**
|
|
249
|
-
* Name attribute of the `input` element.
|
|
250
|
-
*/
|
|
251
|
-
name: o.string,
|
|
252
|
-
/**
|
|
253
|
-
* Callback fired when the value is changed.
|
|
254
|
-
*
|
|
255
|
-
* @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
|
|
256
|
-
* You can pull out the new value by accessing `event.target.value` (string).
|
|
257
|
-
*/
|
|
258
|
-
onChange: o.func,
|
|
259
|
-
/**
|
|
260
|
-
* The short hint displayed in the `input` before the user enters a value.
|
|
261
|
-
*/
|
|
262
|
-
placeholder: o.string,
|
|
263
|
-
/**
|
|
264
|
-
* It prevents the user from changing the value of the field
|
|
265
|
-
* (not from interacting with the field).
|
|
266
|
-
*/
|
|
267
|
-
readOnly: o.bool,
|
|
268
|
-
/**
|
|
269
|
-
* If `true`, the `input` element is required.
|
|
270
|
-
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
271
|
-
*/
|
|
272
|
-
required: o.bool,
|
|
273
|
-
/**
|
|
274
|
-
* Number of rows to display when multiline option is set to true.
|
|
275
|
-
*/
|
|
276
|
-
rows: o.oneOfType([o.number, o.string]),
|
|
277
|
-
/**
|
|
278
|
-
* The extra props for the slot components.
|
|
279
|
-
* You can override the existing props or add new ones.
|
|
280
|
-
*
|
|
281
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
282
|
-
*
|
|
283
|
-
* @default {}
|
|
284
|
-
*/
|
|
285
|
-
slotProps: o.shape({
|
|
286
|
-
input: o.object,
|
|
287
|
-
root: o.object
|
|
288
|
-
}),
|
|
289
|
-
/**
|
|
290
|
-
* The components used for each slot inside.
|
|
291
|
-
*
|
|
292
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
293
|
-
*
|
|
294
|
-
* @default {}
|
|
295
|
-
*/
|
|
296
|
-
slots: o.shape({
|
|
297
|
-
input: o.elementType,
|
|
298
|
-
root: o.elementType
|
|
299
|
-
}),
|
|
300
|
-
/**
|
|
301
|
-
* Start `InputAdornment` for this component.
|
|
302
|
-
*/
|
|
303
|
-
startAdornment: o.node,
|
|
304
|
-
/**
|
|
305
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
306
|
-
*/
|
|
307
|
-
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
|
|
308
|
-
/**
|
|
309
|
-
* Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
|
|
310
|
-
* @default 'text'
|
|
311
|
-
*/
|
|
312
|
-
type: o.string,
|
|
313
|
-
/**
|
|
314
|
-
* The value of the `input` element, required for a controlled component.
|
|
315
|
-
*/
|
|
316
|
-
value: o.any
|
|
317
|
-
});
|
|
318
|
-
u.muiName = "Input";
|
|
319
|
-
const to = u;
|
|
320
|
-
export {
|
|
321
|
-
to as I
|
|
322
|
-
};
|
package/dist/Input-DHic6dYE.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./useThemeProps-C6ClLEqN.cjs"),x=require("react"),n=require("./InputBase-WBNJQn8V.cjs"),_=require("react/jsx-runtime"),h=require("./refType-dllUCpD8.cjs");function B(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const U=B(x);function w(e){return o.generateUtilityClass("MuiInput",e)}const q=o._extends({},n.inputBaseClasses,o.generateUtilityClasses("MuiInput",["root","underline","input"])),p=q,S=["disableUnderline","components","componentsProps","fullWidth","inputComponent","multiline","slotProps","slots","type"],M=e=>{const{classes:t,disableUnderline:r}=e,s={root:["root",!r&&"underline"],input:["input"]},i=o.composeClasses(s,w,t);return o._extends({},t,i)},W=o.styled(n.InputBaseRoot,{shouldForwardProp:e=>o.rootShouldForwardProp(e)||e==="classes",name:"MuiInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[...n.rootOverridesResolver(e,t),!r.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{let s=e.palette.mode==="light"?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return e.vars&&(s=`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`),o._extends({position:"relative"},t.formControl&&{"label + &":{marginTop:16}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(e.vars||e).palette[t.color].main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${p.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${p.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${s}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${p.disabled}, .${p.error}):before`]:{borderBottom:`2px solid ${(e.vars||e).palette.text.primary}`,"@media (hover: none)":{borderBottom:`1px solid ${s}`}},[`&.${p.disabled}:before`]:{borderBottomStyle:"dotted"}})}),E=o.styled(n.InputBaseComponent,{name:"MuiInput",slot:"Input",overridesResolver:n.inputOverridesResolver})({}),u=U.forwardRef(function(t,r){var s,i,c,y;const a=o.useThemeProps({props:t,name:"MuiInput"}),{disableUnderline:m,components:d={},componentsProps:P,fullWidth:f=!1,inputComponent:g="input",multiline:v=!1,slotProps:l,slots:T={},type:I="text"}=a,C=o._objectWithoutPropertiesLoose(a,S),O=M(a),b={root:{ownerState:{disableUnderline:m}}},$=l??P?o.deepmerge(l??P,b):b,R=(s=(i=T.root)!=null?i:d.Root)!=null?s:W,j=(c=(y=T.input)!=null?y:d.Input)!=null?c:E;return _.jsx(n.InputBase,o._extends({slots:{root:R,input:j},slotProps:$,fullWidth:f,inputComponent:g,multiline:v,ref:r,type:I},C,{classes:O}))});process.env.NODE_ENV!=="production"&&(u.propTypes={autoComplete:o.PropTypes.string,autoFocus:o.PropTypes.bool,classes:o.PropTypes.object,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["primary","secondary"]),o.PropTypes.string]),components:o.PropTypes.shape({Input:o.PropTypes.elementType,Root:o.PropTypes.elementType}),componentsProps:o.PropTypes.shape({input:o.PropTypes.object,root:o.PropTypes.object}),defaultValue:o.PropTypes.any,disabled:o.PropTypes.bool,disableUnderline:o.PropTypes.bool,endAdornment:o.PropTypes.node,error:o.PropTypes.bool,fullWidth:o.PropTypes.bool,id:o.PropTypes.string,inputComponent:o.PropTypes.elementType,inputProps:o.PropTypes.object,inputRef:h.refType,margin:o.PropTypes.oneOf(["dense","none"]),maxRows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),minRows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),multiline:o.PropTypes.bool,name:o.PropTypes.string,onChange:o.PropTypes.func,placeholder:o.PropTypes.string,readOnly:o.PropTypes.bool,required:o.PropTypes.bool,rows:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]),slotProps:o.PropTypes.shape({input:o.PropTypes.object,root:o.PropTypes.object}),slots:o.PropTypes.shape({input:o.PropTypes.elementType,root:o.PropTypes.elementType}),startAdornment:o.PropTypes.node,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),type:o.PropTypes.string,value:o.PropTypes.any});u.muiName="Input";const N=u;exports.Input=N;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./useThemeProps-C6ClLEqN.cjs"),De=require("react"),P=require("react/jsx-runtime"),D=require("./useForkRef-CGd3Nhyb.cjs"),He=require("react-dom"),oe=require("./ownerWindow-Dk_4aaak.cjs"),fe=require("./refType-dllUCpD8.cjs"),We=require("@emotion/react");function he(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const p=he(De),Ve=he(He);function Le(o){return o==null||Object.keys(o).length===0}function Te(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Le(s)?t:s):n;return P.jsx(We.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(Te.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function be({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(Te,{styles:s})}process.env.NODE_ENV!=="production"&&(be.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});function ne(o){return typeof o=="string"}const $e=["onChange","maxRows","minRows","style","value"];function $(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function ye(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const Pe=p.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:d=1,style:z,value:S}=n,k=e._objectWithoutPropertiesLoose(n,$e),{current:R}=p.useRef(S!=null),w=p.useRef(null),_=D.useForkRef(t,w),g=p.useRef(null),h=p.useRef(0),[O,A]=p.useState({outerHeightStyle:0}),F=p.useCallback(()=>{const u=w.current,a=oe.ownerWindow(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const c=g.current;c.style.width=a.width,c.value=u.value||n.placeholder||"x",c.value.slice(-1)===`
|
|
2
|
-
`&&(c.value+=" ");const b=a.boxSizing,E=$(a.paddingBottom)+$(a.paddingTop),N=$(a.borderBottomWidth)+$(a.borderTopWidth),x=c.scrollHeight;c.value="x";const C=c.scrollHeight;let y=x;d&&(y=Math.max(Number(d)*C,y)),s&&(y=Math.min(Number(s)*C,y)),y=Math.max(y,C);const G=y+(b==="border-box"?E+N:0),B=Math.abs(y-x)<=1;return{outerHeightStyle:G,overflow:B}},[s,d,n.placeholder]),H=(u,T)=>{const{outerHeightStyle:a,overflow:c}=T;return h.current<20&&(a>0&&Math.abs((u.outerHeightStyle||0)-a)>1||u.overflow!==c)?(h.current+=1,{overflow:c,outerHeightStyle:a}):(process.env.NODE_ENV!=="production"&&h.current===20&&console.error(["MUI: Too many re-renders. The layout is unstable.","TextareaAutosize limits the number of renders to prevent an infinite loop."].join(`
|
|
3
|
-
`)),u)},f=p.useCallback(()=>{const u=F();ye(u)||A(T=>H(T,u))},[F]);D.useEnhancedEffect(()=>{const u=()=>{const C=F();ye(C)||Ve.flushSync(()=>{A(y=>H(y,C))})},T=()=>{h.current=0,u()};let a;const c=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=oe.debounce(T),E=w.current,N=oe.ownerWindow(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?c:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[F]),D.useEnhancedEffect(()=>{f()}),p.useEffect(()=>{h.current=0},[S]);const U=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(p.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:U,ref:_,rows:d,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},z)},k)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,z,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(Pe.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function ge({props:o,states:n,muiFormControl:t}){return n.reduce((r,s)=>(r[s]=o[s],t&&typeof o[s]>"u"&&(r[s]=t[s]),r),{})}const xe=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(xe.displayName="FormControlContext");const te=xe;function we(){return p.useContext(te)}function ve(o){return P.jsx(be,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(ve.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function me(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Ce(o,n=!1){return o&&(me(o.value)&&o.value!==""||n&&me(o.defaultValue)&&o.defaultValue!=="")}function Ue(o){return o.startAdornment}function Ge(o){return e.generateUtilityClass("MuiInputBase",o)}const Ke=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),q=Ke,Ye=["aria-describedby","autoComplete","autoFocus","className","color","components","componentsProps","defaultValue","disabled","disableInjectingGlobalStyles","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","maxRows","minRows","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","size","slotProps","slots","startAdornment","type","value"],Se=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Re=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Ze=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:d,focused:z,formControl:S,fullWidth:k,hiddenLabel:R,multiline:w,readOnly:_,size:g,startAdornment:h,type:O}=o,A={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",k&&"fullWidth",z&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",d&&"adornedEnd",R&&"hiddenLabel",_&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",d&&"inputAdornedEnd",_&&"readOnly"]};return e.composeClasses(A,Ge,n)},Oe=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Se})(({theme:o,ownerState:n})=>e._extends({},o.typography.body1,{color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${q.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"}},n.multiline&&e._extends({padding:"4px 0 5px"},n.size==="small"&&{paddingTop:1}),n.fullWidth&&{width:"100%"})),Ee=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Re})(({theme:o,ownerState:n})=>{const t=o.palette.mode==="light",r=e._extends({color:"currentColor"},o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},{transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})}),s={opacity:"0 !important"},d=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return e._extends({font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":d,"&:focus::-moz-placeholder":d,"&:focus:-ms-input-placeholder":d,"&:focus::-ms-input-placeholder":d},[`&.${q.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},n.size==="small"&&{paddingTop:1},n.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},n.type==="search"&&{MozAppearance:"textfield"})}),Je=P.jsx(ve,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),Ne=p.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":d,autoComplete:z,autoFocus:S,className:k,components:R={},componentsProps:w={},defaultValue:_,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:A=!1,id:F,inputComponent:H="input",inputProps:f={},inputRef:U,maxRows:u,minRows:T,multiline:a=!1,name:c,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:B,renderSuffix:re,rows:W,slotProps:se={},slots:ie={},startAdornment:j,type:pe="text",value:ze}=s,_e=e._objectWithoutPropertiesLoose(s,Ye),V=f.value!=null?f.value:ze,{current:K}=p.useRef(V!=null),I=p.useRef(),Ae=p.useCallback(i=>{process.env.NODE_ENV!=="production"&&i&&i.nodeName!=="INPUT"&&!i.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
|
|
4
|
-
`))},[]),Fe=D.useForkRef(I,U,f.ref,Ae),[Y,Z]=p.useState(!1),l=we();process.env.NODE_ENV!=="production"&&p.useEffect(()=>{if(l)return l.registerEffect()},[l]);const m=ge({props:s,muiFormControl:l,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=l?l.focused:Y,p.useEffect(()=>{!l&&g&&Y&&(Z(!1),b&&b())},[l,g,Y,b]);const J=l&&l.onFilled,Q=l&&l.onEmpty,M=p.useCallback(i=>{Ce(i)?J&&J():Q&&Q()},[J,Q]);D.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const Ie=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),l&&l.onFocus?l.onFocus(i):Z(!0)},ke=i=>{b&&b(i),f.onBlur&&f.onBlur(i),l&&l.onBlur?l.onBlur(i):Z(!1)},Be=(i,...de)=>{if(!K){const ce=i.target||I.current;if(ce==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));M({value:ce.value})}f.onChange&&f.onChange(i,...de),E&&E(i,...de)};p.useEffect(()=>{M(I.current)},[]);const je=i=>{I.current&&i.currentTarget===i.target&&I.current.focus(),N&&N(i)};let X=H,v=f;a&&X==="input"&&(W?(process.env.NODE_ENV!=="production"&&(T||u)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),v=e._extends({type:void 0,minRows:W,maxRows:W},v)):v=e._extends({type:void 0,maxRows:u,minRows:T},v),X=Pe);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?I.current:{value:"x"})};p.useEffect(()=>{l&&l.setAdornedStart(!!j)},[l,j]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:l,fullWidth:A,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:j,type:pe}),le=Ze(L),ae=ie.root||R.Root||Oe,ee=se.root||w.root||{},ue=ie.input||R.Input||Ee;return v=e._extends({},v,(r=se.input)!=null?r:w.input),P.jsxs(p.Fragment,{children:[!h&&Je,P.jsxs(ae,e._extends({},ee,!ne(ae)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:je},_e,{className:e.clsx(le.root,ee.className,k,B&&"MuiInputBase-readOnly"),children:[j,P.jsx(te.Provider,{value:null,children:P.jsx(ue,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":d,autoComplete:z,autoFocus:S,defaultValue:_,disabled:m.disabled,id:F,onAnimationStart:Me,name:c,placeholder:G,readOnly:B,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:pe},v,!ne(ue)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Fe,className:e.clsx(le.input,v.className,B&&"MuiInputBase-readOnly"),onBlur:ke,onChange:Be,onFocus:Ie}))}),O,re?re(e._extends({},m,{startAdornment:j})):null]}))]})});process.env.NODE_ENV!=="production"&&(Ne.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),type:e.PropTypes.string,value:e.PropTypes.any});const Qe=Ne;exports.FormControlContext=te;exports.InputBase=Qe;exports.InputBaseComponent=Ee;exports.InputBaseRoot=Oe;exports.formControlState=ge;exports.inputBaseClasses=q;exports.inputOverridesResolver=Re;exports.isAdornedStart=Ue;exports.isFilled=Ce;exports.isHostComponent=ne;exports.rootOverridesResolver=Se;exports.useFormControl=we;
|
package/dist/Tab-C2Tmr8Sv.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./useThemeProps-C6ClLEqN.cjs"),k=require("react"),P=require("react/jsx-runtime"),w=require("./ButtonBase-XPViWbp_.cjs"),B=require("./createSvgIcon-B7HVs3ZC.cjs");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const p=q(k);function I(e){return o.generateUtilityClass("MuiTab",e)}const M=o.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),r=M,z=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],D=e=>{const{classes:s,textColor:t,fullWidth:i,wrapped:f,icon:d,label:u,selected:T,disabled:l}=e,n={root:["root",d&&u&&"labelIcon",`textColor${o.capitalize(t)}`,i&&"fullWidth",f&&"wrapped",T&&"selected",l&&"disabled"],iconWrapper:["iconWrapper"]};return o.composeClasses(n,I,s)},E=o.styled(w.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,t.label&&t.icon&&s.labelIcon,s[`textColor${o.capitalize(t.textColor)}`],t.fullWidth&&s.fullWidth,t.wrapped&&s.wrapped]}})(({theme:e,ownerState:s})=>o._extends({},e.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},s.label&&{flexDirection:s.iconPosition==="top"||s.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},s.icon&&s.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${r.iconWrapper}`]:o._extends({},s.iconPosition==="top"&&{marginBottom:6},s.iconPosition==="bottom"&&{marginTop:6},s.iconPosition==="start"&&{marginRight:e.spacing(1)},s.iconPosition==="end"&&{marginLeft:e.spacing(1)})},s.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${r.selected}`]:{opacity:1},[`&.${r.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity}},s.textColor==="primary"&&{color:(e.vars||e).palette.text.secondary,[`&.${r.selected}`]:{color:(e.vars||e).palette.primary.main},[`&.${r.disabled}`]:{color:(e.vars||e).palette.text.disabled}},s.textColor==="secondary"&&{color:(e.vars||e).palette.text.secondary,[`&.${r.selected}`]:{color:(e.vars||e).palette.secondary.main},[`&.${r.disabled}`]:{color:(e.vars||e).palette.text.disabled}},s.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},s.wrapped&&{fontSize:e.typography.pxToRem(12)})),v=p.forwardRef(function(s,t){const i=o.useThemeProps({props:s,name:"MuiTab"}),{className:f,disabled:d=!1,disableFocusRipple:u=!1,fullWidth:T,icon:l,iconPosition:n="top",indicator:F,label:b,onChange:y,onClick:x,onFocus:g,selected:a,selectionFollowsFocus:R,textColor:$="inherit",value:C,wrapped:O=!1}=i,j=o._objectWithoutPropertiesLoose(i,z),m=o._extends({},i,{disabled:d,disableFocusRipple:u,selected:a,icon:!!l,iconPosition:n,label:!!b,fullWidth:T,textColor:$,wrapped:O}),h=D(m),W=l&&b&&p.isValidElement(l)?p.cloneElement(l,{className:o.clsx(h.iconWrapper,l.props.className)}):l,_=c=>{!a&&y&&y(c,C),x&&x(c)},N=c=>{R&&!a&&y&&y(c,C),g&&g(c)};return P.jsxs(E,o._extends({focusRipple:!u,className:o.clsx(h.root,f),ref:t,role:"tab","aria-selected":a,disabled:d,onClick:_,onFocus:N,ownerState:m,tabIndex:a?0:-1},j,{children:[n==="top"||n==="start"?P.jsxs(p.Fragment,{children:[W,b]}):P.jsxs(p.Fragment,{children:[b,W]}),F]}))});process.env.NODE_ENV!=="production"&&(v.propTypes={children:B.unsupportedProp,classes:o.PropTypes.object,className:o.PropTypes.string,disabled:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,icon:o.PropTypes.oneOfType([o.PropTypes.element,o.PropTypes.string]),iconPosition:o.PropTypes.oneOf(["bottom","end","start","top"]),label:o.PropTypes.node,onChange:o.PropTypes.func,onClick:o.PropTypes.func,onFocus:o.PropTypes.func,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.any,wrapped:o.PropTypes.bool});const U=v;exports.Tab=U;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./useThemeProps-C6ClLEqN.cjs"),v=require("react"),x=require("react/jsx-runtime"),O=require("./extendSxProp-D5gpnasP.cjs");function j(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,a.get?a:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const B=j(v);function W(o){return t.generateUtilityClass("MuiTypography",o)}t.generateUtilityClasses("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const _=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],M=o=>{const{align:e,gutterBottom:r,noWrap:a,paragraph:p,variant:n,classes:s}=o,i={root:["root",n,o.align!=="inherit"&&`align${t.capitalize(e)}`,r&&"gutterBottom",a&&"noWrap",p&&"paragraph"]};return t.composeClasses(i,W,s)},C=t.styled("span",{name:"MuiTypography",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.root,r.variant&&e[r.variant],r.align!=="inherit"&&e[`align${t.capitalize(r.align)}`],r.noWrap&&e.noWrap,r.gutterBottom&&e.gutterBottom,r.paragraph&&e.paragraph]}})(({theme:o,ownerState:e})=>t._extends({margin:0},e.variant==="inherit"&&{font:"inherit"},e.variant!=="inherit"&&o.typography[e.variant],e.align!=="inherit"&&{textAlign:e.align},e.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},e.gutterBottom&&{marginBottom:"0.35em"},e.paragraph&&{marginBottom:16})),u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},N={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},R=o=>N[o]||o,m=B.forwardRef(function(e,r){const a=t.useThemeProps({props:e,name:"MuiTypography"}),p=R(a.color),n=O.extendSxProp(t._extends({},a,{color:p})),{align:s="inherit",className:i,component:l,gutterBottom:T=!1,noWrap:d=!1,paragraph:y=!1,variant:c="body1",variantMapping:h=u}=n,f=t._objectWithoutPropertiesLoose(n,_),g=t._extends({},n,{align:s,color:p,className:i,component:l,gutterBottom:T,noWrap:d,paragraph:y,variant:c,variantMapping:h}),b=l||(y?"p":h[c]||u[c])||"span",P=M(g);return x.jsx(C,t._extends({as:b,ref:r,ownerState:g,className:t.clsx(P.root,i)},f))});process.env.NODE_ENV!=="production"&&(m.propTypes={align:t.PropTypes.oneOf(["center","inherit","justify","left","right"]),children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,gutterBottom:t.PropTypes.bool,noWrap:t.PropTypes.bool,paragraph:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),variant:t.PropTypes.oneOfType([t.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),t.PropTypes.string]),variantMapping:t.PropTypes.object});const q=m;exports.Typography=q;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),n=require("../../useTheme-C-LTLVMt.cjs"),o=require("../../ButtonBase-XPViWbp_.cjs"),r=require("../../Input-DHic6dYE.cjs"),s=()=>{const t=n.useTheme();return e.jsxs("div",{children:[e.jsx("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",children:"Click me from AnotherComponent"}),e.jsx(o.ButtonBase,{style:{backgroundColor:t.palette.primary.main},children:"AnotherComponent"}),e.jsx(r.Input,{className:"bg-blue-500"})]})};module.exports=s;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { u as r } from "../../useTheme-BZek68TX.js";
|
|
3
|
-
import { B as n } from "../../ButtonBase-C5_-KI-D.js";
|
|
4
|
-
import { I as m } from "../../Input-CGU1Xw4s.js";
|
|
5
|
-
const i = () => {
|
|
6
|
-
const o = r();
|
|
7
|
-
return /* @__PURE__ */ t("div", { children: [
|
|
8
|
-
/* @__PURE__ */ e("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", children: "Click me from AnotherComponent" }),
|
|
9
|
-
/* @__PURE__ */ e(n, { style: { backgroundColor: o.palette.primary.main }, children: "AnotherComponent" }),
|
|
10
|
-
/* @__PURE__ */ e(m, { className: "bg-blue-500" })
|
|
11
|
-
] });
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
i as default
|
|
15
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./AnotherComponent.cjs.js"),a={title:"Components/AnotherComponent",component:e,argTypes:{}},o=r=>s.jsx(e,{...r}),t=o.bind({});t.args={label:"Primary Button"};const n=o.bind({});n.args={label:"Secondary Button",secondary:!0};exports.Primary=t;exports.Secondary=n;exports.default=a;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import o from "./AnotherComponent.es.js";
|
|
3
|
-
const p = {
|
|
4
|
-
title: "Components/AnotherComponent",
|
|
5
|
-
component: o,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, t = (n) => /* @__PURE__ */ e(o, { ...n }), r = t.bind({});
|
|
10
|
-
r.args = {
|
|
11
|
-
label: "Primary Button"
|
|
12
|
-
};
|
|
13
|
-
const a = t.bind({});
|
|
14
|
-
a.args = {
|
|
15
|
-
label: "Secondary Button",
|
|
16
|
-
secondary: !0
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
r as Primary,
|
|
20
|
-
a as Secondary,
|
|
21
|
-
p as default
|
|
22
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AnotherComponent.cjs.js");exports.AnotherComponent=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),S=require("react"),e=require("../../useThemeProps-C6ClLEqN.cjs"),C=require("../../useTheme-C-LTLVMt.cjs"),V=require("../../extendSxProp-D5gpnasP.cjs"),P=require("../../Button-wMPAZpnO.cjs");function D(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=D(S),N=e.createStyled(),R=["component","direction","spacing","divider","children","className","useFlexGap"],_=e.createTheme(),q=N("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return e.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:_})}function w(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((t,i,p)=>(t.push(i),p<s.length-1&&t.push(f.cloneElement(r,{key:`separator-${p}`})),t),[])}const E=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],F=({ownerState:o,theme:r})=>{let s=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),t=>({flexDirection:t})));if(o.spacing){const t=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((n,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(n[c]=!0),n),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),l=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((n,c,y)=>{if(!p[n]){const T=c>0?p[y[c-1]]:"column";p[n]=T}});const u=(n,c)=>o.useFlexGap?{gap:e.getValue(t,n)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${E(c?p[c]:o.direction)}`]:e.getValue(t,n)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},l,u))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function M(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:t="MuiStack"}=o,i=()=>{const u={root:["root"]};return e.composeClasses(u,n=>e.generateUtilityClass(t,n),{})},p=r(F),l=f.forwardRef(function(n,c){const y=s(n),d=V.extendSxProp(y),{component:T="div",direction:b="column",spacing:O=0,divider:m,children:v,className:h,useFlexGap:j=!1}=d,x=e._objectWithoutPropertiesLoose(d,R),k={direction:b,spacing:O,useFlexGap:j},B=i();return a.jsx(p,e._extends({as:T,ownerState:k,ref:c,className:e.clsx(B.root,h)},x,{children:m?w(v,m):v}))});return process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),l}const g=M({createStyledComponent:e.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>e.useThemeProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});const G=g,U=e.styled("button")(({theme:o})=>({backgroundColor:o.palette.primary.main})),A=()=>{const o=C.useTheme();return a.jsxs(G,{spacing:2,direction:"row",children:[a.jsx(U,{children:"Styled"}),a.jsx(P.Button,{variant:"text",style:{backgroundColor:o.palette.primary.main},children:"Text"}),a.jsx(P.Button,{variant:"contained",children:"Contained"}),a.jsx(P.Button,{variant:"outlined",children:"Outlined"})]})};module.exports=A;
|