jcicl 0.0.173 → 0.0.175
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/Portal.js +4 -4
- package/.chunks/TextField.js +138 -141
- package/.chunks/index.js +29 -57
- package/.chunks/useControlled.js +31 -0
- package/.chunks/useFormControl.js +10 -0
- package/FormInput/FormInput.d.ts +7 -0
- package/FormInput/FormInput.js +10 -0
- package/Input/Input.js +12 -11
- package/LabeledCheckbox/LabeledCheckbox.d.ts +6 -0
- package/LabeledCheckbox/LabeledCheckbox.js +522 -0
- package/LabeledCheckbox/index.d.ts +1 -0
- package/LabeledCheckbox/index.js +4 -0
- package/LabeledInput/LabeledInput.js +8 -8
- package/Pagination/Pagination.js +4 -3
- package/Table/Table.d.ts +1 -0
- package/Table/Table.js +1 -0
- package/Tooltip/Tooltip.js +16 -15
- package/package.json +1 -1
|
@@ -0,0 +1,522 @@
|
|
|
1
|
+
import { jsxs as z, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { n as oe } from "../.chunks/emotion-styled.browser.esm.js";
|
|
3
|
+
import { c as te } from "../.chunks/emotion-react.browser.esm.js";
|
|
4
|
+
import ae from "../theme.js";
|
|
5
|
+
import * as x from "react";
|
|
6
|
+
import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as se } from "../.chunks/DefaultPropsProvider.js";
|
|
7
|
+
import { u as ne } from "../.chunks/useFormControl.js";
|
|
8
|
+
import { B as ce } from "../.chunks/ButtonBase.js";
|
|
9
|
+
import { u as re } from "../.chunks/useControlled.js";
|
|
10
|
+
import { r as D } from "../.chunks/TransitionGroupContext.js";
|
|
11
|
+
import { c as P } from "../.chunks/createSvgIcon.js";
|
|
12
|
+
import { m as ie } from "../.chunks/memoTheme.js";
|
|
13
|
+
import { c as L } from "../.chunks/createSimplePaletteValueFilter.js";
|
|
14
|
+
function le(o) {
|
|
15
|
+
return E("PrivateSwitchBase", o);
|
|
16
|
+
}
|
|
17
|
+
q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
|
|
18
|
+
const de = (o) => {
|
|
19
|
+
const {
|
|
20
|
+
classes: t,
|
|
21
|
+
checked: a,
|
|
22
|
+
disabled: r,
|
|
23
|
+
edge: s
|
|
24
|
+
} = o, l = {
|
|
25
|
+
root: ["root", a && "checked", r && "disabled", s && `edge${b(s)}`],
|
|
26
|
+
input: ["input"]
|
|
27
|
+
};
|
|
28
|
+
return H(l, le, t);
|
|
29
|
+
}, pe = O(ce)({
|
|
30
|
+
padding: 9,
|
|
31
|
+
borderRadius: "50%",
|
|
32
|
+
variants: [{
|
|
33
|
+
props: {
|
|
34
|
+
edge: "start",
|
|
35
|
+
size: "small"
|
|
36
|
+
},
|
|
37
|
+
style: {
|
|
38
|
+
marginLeft: -3
|
|
39
|
+
}
|
|
40
|
+
}, {
|
|
41
|
+
props: ({
|
|
42
|
+
edge: o,
|
|
43
|
+
ownerState: t
|
|
44
|
+
}) => o === "start" && t.size !== "small",
|
|
45
|
+
style: {
|
|
46
|
+
marginLeft: -12
|
|
47
|
+
}
|
|
48
|
+
}, {
|
|
49
|
+
props: {
|
|
50
|
+
edge: "end",
|
|
51
|
+
size: "small"
|
|
52
|
+
},
|
|
53
|
+
style: {
|
|
54
|
+
marginRight: -3
|
|
55
|
+
}
|
|
56
|
+
}, {
|
|
57
|
+
props: ({
|
|
58
|
+
edge: o,
|
|
59
|
+
ownerState: t
|
|
60
|
+
}) => o === "end" && t.size !== "small",
|
|
61
|
+
style: {
|
|
62
|
+
marginRight: -12
|
|
63
|
+
}
|
|
64
|
+
}]
|
|
65
|
+
}), ue = O("input", {
|
|
66
|
+
shouldForwardProp: V
|
|
67
|
+
})({
|
|
68
|
+
cursor: "inherit",
|
|
69
|
+
position: "absolute",
|
|
70
|
+
opacity: 0,
|
|
71
|
+
width: "100%",
|
|
72
|
+
height: "100%",
|
|
73
|
+
top: 0,
|
|
74
|
+
left: 0,
|
|
75
|
+
margin: 0,
|
|
76
|
+
padding: 0,
|
|
77
|
+
zIndex: 1
|
|
78
|
+
}), _ = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
79
|
+
const {
|
|
80
|
+
autoFocus: r,
|
|
81
|
+
checked: s,
|
|
82
|
+
checkedIcon: l,
|
|
83
|
+
className: p,
|
|
84
|
+
defaultChecked: d,
|
|
85
|
+
disabled: k,
|
|
86
|
+
disableFocusRipple: g = !1,
|
|
87
|
+
edge: u = !1,
|
|
88
|
+
icon: w,
|
|
89
|
+
id: B,
|
|
90
|
+
inputProps: I,
|
|
91
|
+
inputRef: C,
|
|
92
|
+
name: y,
|
|
93
|
+
onBlur: f,
|
|
94
|
+
onChange: m,
|
|
95
|
+
onFocus: F,
|
|
96
|
+
readOnly: A,
|
|
97
|
+
required: G = !1,
|
|
98
|
+
tabIndex: J,
|
|
99
|
+
type: v,
|
|
100
|
+
value: j,
|
|
101
|
+
...K
|
|
102
|
+
} = t, [$, Q] = re({
|
|
103
|
+
controlled: s,
|
|
104
|
+
default: !!d,
|
|
105
|
+
name: "SwitchBase",
|
|
106
|
+
state: "checked"
|
|
107
|
+
}), i = ne(), X = (n) => {
|
|
108
|
+
F && F(n), i && i.onFocus && i.onFocus(n);
|
|
109
|
+
}, Y = (n) => {
|
|
110
|
+
f && f(n), i && i.onBlur && i.onBlur(n);
|
|
111
|
+
}, Z = (n) => {
|
|
112
|
+
if (n.nativeEvent.defaultPrevented)
|
|
113
|
+
return;
|
|
114
|
+
const M = n.target.checked;
|
|
115
|
+
Q(M), m && m(n, M);
|
|
116
|
+
};
|
|
117
|
+
let h = k;
|
|
118
|
+
i && typeof h > "u" && (h = i.disabled);
|
|
119
|
+
const ee = v === "checkbox" || v === "radio", R = {
|
|
120
|
+
...t,
|
|
121
|
+
checked: $,
|
|
122
|
+
disabled: h,
|
|
123
|
+
disableFocusRipple: g,
|
|
124
|
+
edge: u
|
|
125
|
+
}, N = de(R);
|
|
126
|
+
return /* @__PURE__ */ z(pe, {
|
|
127
|
+
component: "span",
|
|
128
|
+
className: U(N.root, p),
|
|
129
|
+
centerRipple: !0,
|
|
130
|
+
focusRipple: !g,
|
|
131
|
+
disabled: h,
|
|
132
|
+
tabIndex: null,
|
|
133
|
+
role: void 0,
|
|
134
|
+
onFocus: X,
|
|
135
|
+
onBlur: Y,
|
|
136
|
+
ownerState: R,
|
|
137
|
+
ref: a,
|
|
138
|
+
...K,
|
|
139
|
+
children: [/* @__PURE__ */ c(ue, {
|
|
140
|
+
autoFocus: r,
|
|
141
|
+
checked: s,
|
|
142
|
+
defaultChecked: d,
|
|
143
|
+
className: N.input,
|
|
144
|
+
disabled: h,
|
|
145
|
+
id: ee ? B : void 0,
|
|
146
|
+
name: y,
|
|
147
|
+
onChange: Z,
|
|
148
|
+
readOnly: A,
|
|
149
|
+
ref: C,
|
|
150
|
+
required: G,
|
|
151
|
+
ownerState: R,
|
|
152
|
+
tabIndex: J,
|
|
153
|
+
type: v,
|
|
154
|
+
...v === "checkbox" && j === void 0 ? {} : {
|
|
155
|
+
value: j
|
|
156
|
+
},
|
|
157
|
+
...I
|
|
158
|
+
}), $ ? l : w]
|
|
159
|
+
});
|
|
160
|
+
});
|
|
161
|
+
process.env.NODE_ENV !== "production" && (_.propTypes = {
|
|
162
|
+
/**
|
|
163
|
+
* If `true`, the `input` element is focused during the first mount.
|
|
164
|
+
*/
|
|
165
|
+
autoFocus: e.bool,
|
|
166
|
+
/**
|
|
167
|
+
* If `true`, the component is checked.
|
|
168
|
+
*/
|
|
169
|
+
checked: e.bool,
|
|
170
|
+
/**
|
|
171
|
+
* The icon to display when the component is checked.
|
|
172
|
+
*/
|
|
173
|
+
checkedIcon: e.node.isRequired,
|
|
174
|
+
/**
|
|
175
|
+
* Override or extend the styles applied to the component.
|
|
176
|
+
*/
|
|
177
|
+
classes: e.object,
|
|
178
|
+
/**
|
|
179
|
+
* @ignore
|
|
180
|
+
*/
|
|
181
|
+
className: e.string,
|
|
182
|
+
/**
|
|
183
|
+
* @ignore
|
|
184
|
+
*/
|
|
185
|
+
defaultChecked: e.bool,
|
|
186
|
+
/**
|
|
187
|
+
* If `true`, the component is disabled.
|
|
188
|
+
*/
|
|
189
|
+
disabled: e.bool,
|
|
190
|
+
/**
|
|
191
|
+
* If `true`, the keyboard focus ripple is disabled.
|
|
192
|
+
* @default false
|
|
193
|
+
*/
|
|
194
|
+
disableFocusRipple: e.bool,
|
|
195
|
+
/**
|
|
196
|
+
* If given, uses a negative margin to counteract the padding on one
|
|
197
|
+
* side (this is often helpful for aligning the left or right
|
|
198
|
+
* side of the icon with content above or below, without ruining the border
|
|
199
|
+
* size and shape).
|
|
200
|
+
* @default false
|
|
201
|
+
*/
|
|
202
|
+
edge: e.oneOf(["end", "start", !1]),
|
|
203
|
+
/**
|
|
204
|
+
* The icon to display when the component is unchecked.
|
|
205
|
+
*/
|
|
206
|
+
icon: e.node.isRequired,
|
|
207
|
+
/**
|
|
208
|
+
* The id of the `input` element.
|
|
209
|
+
*/
|
|
210
|
+
id: e.string,
|
|
211
|
+
/**
|
|
212
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
|
|
213
|
+
*/
|
|
214
|
+
inputProps: e.object,
|
|
215
|
+
/**
|
|
216
|
+
* Pass a ref to the `input` element.
|
|
217
|
+
*/
|
|
218
|
+
inputRef: D,
|
|
219
|
+
/*
|
|
220
|
+
* @ignore
|
|
221
|
+
*/
|
|
222
|
+
name: e.string,
|
|
223
|
+
/**
|
|
224
|
+
* @ignore
|
|
225
|
+
*/
|
|
226
|
+
onBlur: e.func,
|
|
227
|
+
/**
|
|
228
|
+
* Callback fired when the state is changed.
|
|
229
|
+
*
|
|
230
|
+
* @param {object} event The event source of the callback.
|
|
231
|
+
* You can pull out the new checked state by accessing `event.target.checked` (boolean).
|
|
232
|
+
*/
|
|
233
|
+
onChange: e.func,
|
|
234
|
+
/**
|
|
235
|
+
* @ignore
|
|
236
|
+
*/
|
|
237
|
+
onFocus: e.func,
|
|
238
|
+
/**
|
|
239
|
+
* It prevents the user from changing the value of the field
|
|
240
|
+
* (not from interacting with the field).
|
|
241
|
+
*/
|
|
242
|
+
readOnly: e.bool,
|
|
243
|
+
/**
|
|
244
|
+
* If `true`, the `input` element is required.
|
|
245
|
+
*/
|
|
246
|
+
required: e.bool,
|
|
247
|
+
/**
|
|
248
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
249
|
+
*/
|
|
250
|
+
sx: e.object,
|
|
251
|
+
/**
|
|
252
|
+
* @ignore
|
|
253
|
+
*/
|
|
254
|
+
tabIndex: e.oneOfType([e.number, e.string]),
|
|
255
|
+
/**
|
|
256
|
+
* The input component prop `type`.
|
|
257
|
+
*/
|
|
258
|
+
type: e.string.isRequired,
|
|
259
|
+
/**
|
|
260
|
+
* The value of the component.
|
|
261
|
+
*/
|
|
262
|
+
value: e.any
|
|
263
|
+
});
|
|
264
|
+
const fe = P(/* @__PURE__ */ c("path", {
|
|
265
|
+
d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
|
|
266
|
+
}), "CheckBoxOutlineBlank"), me = P(/* @__PURE__ */ c("path", {
|
|
267
|
+
d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
|
|
268
|
+
}), "CheckBox"), he = P(/* @__PURE__ */ c("path", {
|
|
269
|
+
d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
|
|
270
|
+
}), "IndeterminateCheckBox");
|
|
271
|
+
function be(o) {
|
|
272
|
+
return E("MuiCheckbox", o);
|
|
273
|
+
}
|
|
274
|
+
const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ke = (o) => {
|
|
275
|
+
const {
|
|
276
|
+
classes: t,
|
|
277
|
+
indeterminate: a,
|
|
278
|
+
color: r,
|
|
279
|
+
size: s
|
|
280
|
+
} = o, l = {
|
|
281
|
+
root: ["root", a && "indeterminate", `color${b(r)}`, `size${b(s)}`]
|
|
282
|
+
}, p = H(l, be, t);
|
|
283
|
+
return {
|
|
284
|
+
...t,
|
|
285
|
+
// forward the disabled and checked classes to the SwitchBase
|
|
286
|
+
...p
|
|
287
|
+
};
|
|
288
|
+
}, ge = O(_, {
|
|
289
|
+
shouldForwardProp: (o) => V(o) || o === "classes",
|
|
290
|
+
name: "MuiCheckbox",
|
|
291
|
+
slot: "Root",
|
|
292
|
+
overridesResolver: (o, t) => {
|
|
293
|
+
const {
|
|
294
|
+
ownerState: a
|
|
295
|
+
} = o;
|
|
296
|
+
return [t.root, a.indeterminate && t.indeterminate, t[`size${b(a.size)}`], a.color !== "default" && t[`color${b(a.color)}`]];
|
|
297
|
+
}
|
|
298
|
+
})(ie(({
|
|
299
|
+
theme: o
|
|
300
|
+
}) => ({
|
|
301
|
+
color: (o.vars || o).palette.text.secondary,
|
|
302
|
+
variants: [{
|
|
303
|
+
props: {
|
|
304
|
+
color: "default",
|
|
305
|
+
disableRipple: !1
|
|
306
|
+
},
|
|
307
|
+
style: {
|
|
308
|
+
"&:hover": {
|
|
309
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : T(o.palette.action.active, o.palette.action.hoverOpacity)
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
}, ...Object.entries(o.palette).filter(L()).map(([t]) => ({
|
|
313
|
+
props: {
|
|
314
|
+
color: t,
|
|
315
|
+
disableRipple: !1
|
|
316
|
+
},
|
|
317
|
+
style: {
|
|
318
|
+
"&:hover": {
|
|
319
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : T(o.palette[t].main, o.palette.action.hoverOpacity)
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
})), ...Object.entries(o.palette).filter(L()).map(([t]) => ({
|
|
323
|
+
props: {
|
|
324
|
+
color: t
|
|
325
|
+
},
|
|
326
|
+
style: {
|
|
327
|
+
[`&.${S.checked}, &.${S.indeterminate}`]: {
|
|
328
|
+
color: (o.vars || o).palette[t].main
|
|
329
|
+
},
|
|
330
|
+
[`&.${S.disabled}`]: {
|
|
331
|
+
color: (o.vars || o).palette.action.disabled
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
})), {
|
|
335
|
+
// Should be last to override other colors
|
|
336
|
+
props: {
|
|
337
|
+
disableRipple: !1
|
|
338
|
+
},
|
|
339
|
+
style: {
|
|
340
|
+
// Reset on touch devices, it doesn't add specificity
|
|
341
|
+
"&:hover": {
|
|
342
|
+
"@media (hover: none)": {
|
|
343
|
+
backgroundColor: "transparent"
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
}]
|
|
348
|
+
}))), Ce = /* @__PURE__ */ c(me, {}), ye = /* @__PURE__ */ c(fe, {}), ve = /* @__PURE__ */ c(he, {}), W = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
349
|
+
const r = se({
|
|
350
|
+
props: t,
|
|
351
|
+
name: "MuiCheckbox"
|
|
352
|
+
}), {
|
|
353
|
+
checkedIcon: s = Ce,
|
|
354
|
+
color: l = "primary",
|
|
355
|
+
icon: p = ye,
|
|
356
|
+
indeterminate: d = !1,
|
|
357
|
+
indeterminateIcon: k = ve,
|
|
358
|
+
inputProps: g,
|
|
359
|
+
size: u = "medium",
|
|
360
|
+
disableRipple: w = !1,
|
|
361
|
+
className: B,
|
|
362
|
+
...I
|
|
363
|
+
} = r, C = d ? k : p, y = d ? k : s, f = {
|
|
364
|
+
...r,
|
|
365
|
+
disableRipple: w,
|
|
366
|
+
color: l,
|
|
367
|
+
indeterminate: d,
|
|
368
|
+
size: u
|
|
369
|
+
}, m = ke(f);
|
|
370
|
+
return /* @__PURE__ */ c(ge, {
|
|
371
|
+
type: "checkbox",
|
|
372
|
+
inputProps: {
|
|
373
|
+
"data-indeterminate": d,
|
|
374
|
+
...g
|
|
375
|
+
},
|
|
376
|
+
icon: /* @__PURE__ */ x.cloneElement(C, {
|
|
377
|
+
fontSize: C.props.fontSize ?? u
|
|
378
|
+
}),
|
|
379
|
+
checkedIcon: /* @__PURE__ */ x.cloneElement(y, {
|
|
380
|
+
fontSize: y.props.fontSize ?? u
|
|
381
|
+
}),
|
|
382
|
+
ownerState: f,
|
|
383
|
+
ref: a,
|
|
384
|
+
className: U(m.root, B),
|
|
385
|
+
...I,
|
|
386
|
+
classes: m
|
|
387
|
+
});
|
|
388
|
+
});
|
|
389
|
+
process.env.NODE_ENV !== "production" && (W.propTypes = {
|
|
390
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
391
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
392
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
393
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
394
|
+
/**
|
|
395
|
+
* If `true`, the component is checked.
|
|
396
|
+
*/
|
|
397
|
+
checked: e.bool,
|
|
398
|
+
/**
|
|
399
|
+
* The icon to display when the component is checked.
|
|
400
|
+
* @default <CheckBoxIcon />
|
|
401
|
+
*/
|
|
402
|
+
checkedIcon: e.node,
|
|
403
|
+
/**
|
|
404
|
+
* Override or extend the styles applied to the component.
|
|
405
|
+
*/
|
|
406
|
+
classes: e.object,
|
|
407
|
+
/**
|
|
408
|
+
* @ignore
|
|
409
|
+
*/
|
|
410
|
+
className: e.string,
|
|
411
|
+
/**
|
|
412
|
+
* The color of the component.
|
|
413
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
414
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
415
|
+
* @default 'primary'
|
|
416
|
+
*/
|
|
417
|
+
color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
|
|
418
|
+
/**
|
|
419
|
+
* The default checked state. Use when the component is not controlled.
|
|
420
|
+
*/
|
|
421
|
+
defaultChecked: e.bool,
|
|
422
|
+
/**
|
|
423
|
+
* If `true`, the component is disabled.
|
|
424
|
+
* @default false
|
|
425
|
+
*/
|
|
426
|
+
disabled: e.bool,
|
|
427
|
+
/**
|
|
428
|
+
* If `true`, the ripple effect is disabled.
|
|
429
|
+
* @default false
|
|
430
|
+
*/
|
|
431
|
+
disableRipple: e.bool,
|
|
432
|
+
/**
|
|
433
|
+
* The icon to display when the component is unchecked.
|
|
434
|
+
* @default <CheckBoxOutlineBlankIcon />
|
|
435
|
+
*/
|
|
436
|
+
icon: e.node,
|
|
437
|
+
/**
|
|
438
|
+
* The id of the `input` element.
|
|
439
|
+
*/
|
|
440
|
+
id: e.string,
|
|
441
|
+
/**
|
|
442
|
+
* If `true`, the component appears indeterminate.
|
|
443
|
+
* This does not set the native input element to indeterminate due
|
|
444
|
+
* to inconsistent behavior across browsers.
|
|
445
|
+
* However, we set a `data-indeterminate` attribute on the `input`.
|
|
446
|
+
* @default false
|
|
447
|
+
*/
|
|
448
|
+
indeterminate: e.bool,
|
|
449
|
+
/**
|
|
450
|
+
* The icon to display when the component is indeterminate.
|
|
451
|
+
* @default <IndeterminateCheckBoxIcon />
|
|
452
|
+
*/
|
|
453
|
+
indeterminateIcon: e.node,
|
|
454
|
+
/**
|
|
455
|
+
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
|
|
456
|
+
*/
|
|
457
|
+
inputProps: e.object,
|
|
458
|
+
/**
|
|
459
|
+
* Pass a ref to the `input` element.
|
|
460
|
+
*/
|
|
461
|
+
inputRef: D,
|
|
462
|
+
/**
|
|
463
|
+
* Callback fired when the state is changed.
|
|
464
|
+
*
|
|
465
|
+
* @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
|
|
466
|
+
* You can pull out the new checked state by accessing `event.target.checked` (boolean).
|
|
467
|
+
*/
|
|
468
|
+
onChange: e.func,
|
|
469
|
+
/**
|
|
470
|
+
* If `true`, the `input` element is required.
|
|
471
|
+
* @default false
|
|
472
|
+
*/
|
|
473
|
+
required: e.bool,
|
|
474
|
+
/**
|
|
475
|
+
* The size of the component.
|
|
476
|
+
* `small` is equivalent to the dense checkbox styling.
|
|
477
|
+
* @default 'medium'
|
|
478
|
+
*/
|
|
479
|
+
size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
|
|
480
|
+
/**
|
|
481
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
482
|
+
*/
|
|
483
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
484
|
+
/**
|
|
485
|
+
* The value of the component. The DOM API casts this to a string.
|
|
486
|
+
* The browser uses "on" as the default value.
|
|
487
|
+
*/
|
|
488
|
+
value: e.any
|
|
489
|
+
});
|
|
490
|
+
const xe = oe("div")(() => ({
|
|
491
|
+
...te`
|
|
492
|
+
display: flex;
|
|
493
|
+
flex-wrap: nowrap;
|
|
494
|
+
align-items: center;
|
|
495
|
+
gap: 0.5rem;
|
|
496
|
+
font-family: 'Roboto', sans-serif;
|
|
497
|
+
|
|
498
|
+
.jcCheckboxLabel {
|
|
499
|
+
white-space: nowrap;
|
|
500
|
+
font-weight: bold;
|
|
501
|
+
text-transform: capitalize;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
.MuiButtonBase-root {
|
|
505
|
+
padding: 0;
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
.Mui-checked {
|
|
509
|
+
color: ${ae.colors.green};
|
|
510
|
+
}
|
|
511
|
+
`
|
|
512
|
+
})), Me = ({ label: o, ...t }) => /* @__PURE__ */ z(xe, { className: "jcLabeledCheckbox", children: [
|
|
513
|
+
/* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
|
|
514
|
+
o,
|
|
515
|
+
":"
|
|
516
|
+
] }),
|
|
517
|
+
/* @__PURE__ */ c(W, { ...t })
|
|
518
|
+
] });
|
|
519
|
+
export {
|
|
520
|
+
Me as LabeledCheckbox,
|
|
521
|
+
Me as default
|
|
522
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, type LabeledCheckboxProps } from './LabeledCheckbox';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { n as p } from "../.chunks/emotion-styled.browser.esm.js";
|
|
3
3
|
import { c as s } from "../.chunks/emotion-react.browser.esm.js";
|
|
4
|
-
import { Input as
|
|
5
|
-
const
|
|
4
|
+
import { Input as n } from "../Input/Input.js";
|
|
5
|
+
const i = p("div")(({ grid: e }) => ({
|
|
6
6
|
...s`
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-wrap: nowrap;
|
|
@@ -20,15 +20,15 @@ const n = p("div")(({ grid: t }) => ({
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.MuiInputBase-root {
|
|
23
|
-
width: ${
|
|
23
|
+
width: ${e && "100%"};
|
|
24
24
|
}
|
|
25
25
|
`
|
|
26
|
-
})), c = ({ label:
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
|
|
26
|
+
})), c = ({ label: e, grid: o = !0, ...a }) => /* @__PURE__ */ t(i, { grid: o, className: "jcLabeledInput", children: [
|
|
27
|
+
/* @__PURE__ */ t("span", { children: [
|
|
28
|
+
e,
|
|
29
29
|
":"
|
|
30
30
|
] }),
|
|
31
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ r(n, { ...a })
|
|
32
32
|
] });
|
|
33
33
|
export {
|
|
34
34
|
c as LabeledInput,
|
package/Pagination/Pagination.js
CHANGED
|
@@ -3,8 +3,9 @@ import { n as aa } from "../.chunks/emotion-styled.browser.esm.js";
|
|
|
3
3
|
import { c as ta } from "../.chunks/emotion-react.browser.esm.js";
|
|
4
4
|
import * as G from "react";
|
|
5
5
|
import { a as _, g as H, s as B, e as N, u as q, b as U, P as t, c as I, d as J } from "../.chunks/DefaultPropsProvider.js";
|
|
6
|
-
import {
|
|
6
|
+
import { u as ea } from "../.chunks/useControlled.js";
|
|
7
7
|
import { u as j, i as w } from "../.chunks/useSlot.js";
|
|
8
|
+
import { u as oa } from "../.chunks/index.js";
|
|
8
9
|
import { c as D } from "../.chunks/createSimplePaletteValueFilter.js";
|
|
9
10
|
import { c as h } from "../.chunks/createSvgIcon.js";
|
|
10
11
|
import { m as V } from "../.chunks/memoTheme.js";
|
|
@@ -772,7 +773,7 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
|
|
|
772
773
|
});
|
|
773
774
|
const ma = aa(X)(() => ({
|
|
774
775
|
...ta``
|
|
775
|
-
})),
|
|
776
|
+
})), Ma = (a) => /* @__PURE__ */ d(ma, { ...a });
|
|
776
777
|
export {
|
|
777
|
-
|
|
778
|
+
Ma as default
|
|
778
779
|
};
|
package/Table/Table.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/Table/Table.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as re, jsxs as Et } from "react/jsx-runtime";
|
|
2
2
|
import * as C from "react";
|
|
3
3
|
import { a as Ht, g as Ut, P as r, d as Ft, s as et, u as qt, c as zt, e as Yt, b as qe } from "../.chunks/DefaultPropsProvider.js";
|
|
4
|
-
import { u as Xt,
|
|
5
|
-
import { o as Rt, P as
|
|
4
|
+
import { u as Xt, a as ze } from "../.chunks/index.js";
|
|
5
|
+
import { o as Rt, P as fo, H as Qe, f as uo, a as mo, h as vo, g as ho, G as At, e as go } from "../.chunks/Portal.js";
|
|
6
6
|
import { m as lt } from "../.chunks/memoTheme.js";
|
|
7
|
-
import { c as
|
|
8
|
-
import { r as Gt, u as it, a as Ct, d as Ye, e as Mt, f as
|
|
7
|
+
import { c as yo } from "../.chunks/chainPropTypes.js";
|
|
8
|
+
import { r as Gt, u as it, a as Ct, d as Ye, e as Mt, f as bo } from "../.chunks/TransitionGroupContext.js";
|
|
9
|
+
import { u as wo } from "../.chunks/useControlled.js";
|
|
9
10
|
import { i as jt } from "../.chunks/isFocusVisible.js";
|
|
10
11
|
var W = "top", z = "bottom", Y = "right", I = "left", ct = "auto", Ie = [W, z, Y, I], Oe = "start", ke = "end", Oo = "clippingParents", Kt = "viewport", Se = "popper", xo = "reference", $t = /* @__PURE__ */ Ie.reduce(function(t, e) {
|
|
11
12
|
return t.concat([e + "-" + Oe, e + "-" + ke]);
|
|
@@ -1018,7 +1019,7 @@ const jr = (t) => {
|
|
|
1018
1019
|
placement: R
|
|
1019
1020
|
};
|
|
1020
1021
|
T !== null && (M.TransitionProps = T);
|
|
1021
|
-
const N = jr(e), j = u.root ?? "div", X =
|
|
1022
|
+
const N = jr(e), j = u.root ?? "div", X = uo({
|
|
1022
1023
|
elementType: j,
|
|
1023
1024
|
externalSlotProps: x.root,
|
|
1024
1025
|
externalForwardedProps: v,
|
|
@@ -1070,7 +1071,7 @@ const jr = (t) => {
|
|
|
1070
1071
|
onEnter: y,
|
|
1071
1072
|
onExited: b
|
|
1072
1073
|
} : void 0;
|
|
1073
|
-
return /* @__PURE__ */ re(
|
|
1074
|
+
return /* @__PURE__ */ re(fo, {
|
|
1074
1075
|
disablePortal: p,
|
|
1075
1076
|
container: R,
|
|
1076
1077
|
children: /* @__PURE__ */ re(Dr, {
|
|
@@ -1111,7 +1112,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
|
|
|
1111
1112
|
* It's used to set the position of the popper.
|
|
1112
1113
|
* The return value will passed as the reference object of the Popper instance.
|
|
1113
1114
|
*/
|
|
1114
|
-
anchorEl:
|
|
1115
|
+
anchorEl: yo(r.oneOfType([Qe, r.object, r.func]), (t) => {
|
|
1115
1116
|
if (t.open) {
|
|
1116
1117
|
const e = _e(t.anchorEl);
|
|
1117
1118
|
if (e && ot(e) && e.nodeType === 1) {
|
|
@@ -1669,7 +1670,7 @@ const Lr = (t) => {
|
|
|
1669
1670
|
}
|
|
1670
1671
|
})));
|
|
1671
1672
|
let Ge = !1;
|
|
1672
|
-
const Vt = new
|
|
1673
|
+
const Vt = new bo();
|
|
1673
1674
|
let Be = {
|
|
1674
1675
|
x: 0,
|
|
1675
1676
|
y: 0
|
|
@@ -1716,7 +1717,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
|
|
|
1716
1717
|
...S
|
|
1717
1718
|
} = n, $ = /* @__PURE__ */ C.isValidElement(i) ? i : /* @__PURE__ */ re("span", {
|
|
1718
1719
|
children: i
|
|
1719
|
-
}), k =
|
|
1720
|
+
}), k = mo(), te = Xt(), [L, de] = C.useState(), [oe, me] = C.useState(null), K = C.useRef(!1), H = x || w, ae = Ye(), ie = Ye(), U = Ye(), ve = Ye(), [rt, he] = wo({
|
|
1720
1721
|
controlled: R,
|
|
1721
1722
|
default: !1,
|
|
1722
1723
|
name: "Tooltip",
|
|
@@ -1732,7 +1733,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
|
|
|
1732
1733
|
`));
|
|
1733
1734
|
}, [j, L, h]);
|
|
1734
1735
|
}
|
|
1735
|
-
const ge =
|
|
1736
|
+
const ge = vo(E), pe = C.useRef(), ye = Mt(() => {
|
|
1736
1737
|
pe.current !== void 0 && (document.body.style.WebkitUserSelect = pe.current, pe.current = void 0), ve.clear();
|
|
1737
1738
|
});
|
|
1738
1739
|
C.useEffect(() => ye, [ye]);
|
|
@@ -1784,7 +1785,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
|
|
|
1784
1785
|
document.removeEventListener("keydown", h);
|
|
1785
1786
|
};
|
|
1786
1787
|
}, [le, J]);
|
|
1787
|
-
const Ue = it(
|
|
1788
|
+
const Ue = it(ho($), de, o);
|
|
1788
1789
|
!j && j !== 0 && (J = !1);
|
|
1789
1790
|
const we = C.useRef(), Fe = (h) => {
|
|
1790
1791
|
const Q = $.props;
|
|
@@ -1899,7 +1900,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
|
|
|
1899
1900
|
/**
|
|
1900
1901
|
* Tooltip reference element.
|
|
1901
1902
|
*/
|
|
1902
|
-
children:
|
|
1903
|
+
children: go.isRequired,
|
|
1903
1904
|
/**
|
|
1904
1905
|
* Override or extend the styles applied to the component.
|
|
1905
1906
|
*/
|
|
@@ -2077,7 +2078,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
|
|
|
2077
2078
|
*/
|
|
2078
2079
|
TransitionProps: r.object
|
|
2079
2080
|
});
|
|
2080
|
-
const
|
|
2081
|
+
const Kr = ({
|
|
2081
2082
|
title: t,
|
|
2082
2083
|
children: e,
|
|
2083
2084
|
arrow: o = !0,
|
|
@@ -2088,6 +2089,6 @@ const Gr = ({
|
|
|
2088
2089
|
return /* @__PURE__ */ re(ao, { ...i, children: e });
|
|
2089
2090
|
};
|
|
2090
2091
|
export {
|
|
2091
|
-
|
|
2092
|
-
|
|
2092
|
+
Kr as Tooltip,
|
|
2093
|
+
Kr as default
|
|
2093
2094
|
};
|