@hybridcore/ui 1.5.86 → 1.5.88
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/README.md +52 -2
- package/dist/{FormControlLabel-DzNokgFD.js → FormControlLabel-BrdX4R71.js} +1 -1
- package/dist/{Input-B7ry6o4t.js → Input-CoIrGZAh.js} +1 -1
- package/dist/{InputLabel-rrSJo8M_.js → InputLabel-CBuAYyuT.js} +163 -162
- package/dist/{OutlinedInput-BDK6qOwW.js → OutlinedInput-B-iZoc9l.js} +1 -1
- package/dist/{Select-jjAc5JX1.js → Select-t3ewnSdf.js} +3 -3
- package/dist/{TextField-Bf46COnQ.js → TextField-BQ8a50fA.js} +4 -4
- package/dist/components/card-alternate/index.js +52 -46
- package/dist/components/card-alternate/styled.js +12 -8
- package/dist/components/data-security-selectors/dissemination-list/index.js +652 -742
- package/dist/components/data-security-selectors/dissemination-list/logic.js +62 -0
- package/dist/components/data-security-selectors/dissemination-list/styled.js +88 -0
- package/dist/components/date-time-picker/index.js +57 -94
- package/dist/components/date-time-picker/logic.js +70 -0
- package/dist/components/date-time-picker/styled.js +83 -0
- package/dist/components/geometry-picker/index.js +45 -43
- package/dist/components/instance-form/components/composite-list/index.js +1 -1
- package/dist/components/instance-form/components/variable/index.js +5 -5
- package/dist/components/instance-form/components/variables/index.js +1 -1
- package/dist/components/property-mapping/index.js +1 -1
- package/dist/components/range-selector/components/composite-list-range/index.js +1 -1
- package/dist/components/range-selector/components/date-range/index.js +1 -1
- package/dist/components/range-selector/components/number-range/index.js +38 -35
- package/dist/components/range-selector/components/string-range/index.js +15 -14
- package/dist/components/range-selector/index.js +1 -1
- package/dist/components/search-input/index.js +2 -2
- package/dist/components/template-form/components/property-list/index.js +1 -1
- package/dist/components/template-form/components/property-list/property-list-form.js +5 -5
- package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js +3 -3
- package/dist/components/template-form/index.js +3 -3
- package/dist/components/template-property-filters/property.js +4 -4
- package/dist/components/tree-select/index.js +52 -50
- package/dist/{index-MMaYBAn0.js → index-CGNxsLVm.js} +6 -6
- package/dist/{index-NNOChRJ7.js → index-SpeaLUQD.js} +2 -2
- package/dist/main.d.ts +279 -84
- package/dist/main.js +1 -1
- package/dist/{property-list-form-BvnaooEW.js → property-list-form-C5hcK2y2.js} +4 -4
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -6,12 +6,62 @@ This library contains ui components which are developed based on Material UI v5.
|
|
|
6
6
|
|
|
7
7
|
Install package with yarn
|
|
8
8
|
|
|
9
|
-
```
|
|
9
|
+
```sh
|
|
10
10
|
yarn add @hybridcore/ui
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
or with npm
|
|
14
14
|
|
|
15
|
-
```
|
|
15
|
+
```sh
|
|
16
16
|
npm install @hybridcore/ui
|
|
17
17
|
```
|
|
18
|
+
|
|
19
|
+
## Develop locally
|
|
20
|
+
|
|
21
|
+
### Component iteration via Storybook
|
|
22
|
+
|
|
23
|
+
For tight visual loops on a single component, no consumer project required:
|
|
24
|
+
|
|
25
|
+
```sh
|
|
26
|
+
yarn dev # opens the Vite dev server with Storybook
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Iterate against a real consumer (e.g. Smart Navigator) without publishing
|
|
30
|
+
|
|
31
|
+
We use [`yalc`](https://github.com/wclr/yalc) to link the lib into consumer projects locally, so changes show up in their dev server without a `yarn version` + `npm publish` round trip. Full rationale, gotchas, and follow-ups in [`docs/plans/local-dev-flow.md`](./docs/plans/local-dev-flow.md).
|
|
32
|
+
|
|
33
|
+
One-time setup (per machine):
|
|
34
|
+
|
|
35
|
+
```sh
|
|
36
|
+
npm i -g yalc
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
Daily workflow:
|
|
40
|
+
|
|
41
|
+
```sh
|
|
42
|
+
# terminal 1 — keep dist/ hot
|
|
43
|
+
yarn build:watch
|
|
44
|
+
|
|
45
|
+
# terminal 2 — push to all linked consumers whenever you want them to pick up
|
|
46
|
+
yalc push --no-scripts
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
`--no-scripts` skips the `prepublishOnly` rebuild (since `build:watch` already keeps `dist/` current). Drop it if you're not running the watcher.
|
|
50
|
+
|
|
51
|
+
To register the lib in a consumer project for the first time, run `yalc add @hybridcore/ui` once **inside the consumer**. The Smart Navigator frontend wraps this in a `yarn link:ui` script — see its README.
|
|
52
|
+
|
|
53
|
+
## Release
|
|
54
|
+
|
|
55
|
+
Versioning + publish is handled by the Azure pipeline. The `prepublishOnly` hook runs `yarn build`, so always commit a clean working tree before bumping.
|
|
56
|
+
|
|
57
|
+
```sh
|
|
58
|
+
yarn version patch # or minor / major
|
|
59
|
+
git push --follow-tags
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Documentation
|
|
63
|
+
|
|
64
|
+
- [`docs/COMPONENT_GUIDE.md`](./docs/COMPONENT_GUIDE.md) — authoring rules (4-file structure, `HC*` prefix, theme augmentation block)
|
|
65
|
+
- [`docs/THEMING.md`](./docs/THEMING.md) — consumer-facing override guide for any project using this lib
|
|
66
|
+
- [`docs/BACKLOG.md`](./docs/BACKLOG.md) — migration backlog (which components conform, which still need refactoring)
|
|
67
|
+
- [`docs/plans/`](./docs/plans/) — cross-cutting initiative plans (e.g. local dev flow, exports standard)
|
|
@@ -4,7 +4,7 @@ import { P as e } from "./index-DMSHuq6l.js";
|
|
|
4
4
|
import { g as O, u as D, c as h, a as E } from "./useThemeProps-DRP1dikX.js";
|
|
5
5
|
import { s as M } from "./styled-B8ugzvji.js";
|
|
6
6
|
import { g as S } from "./createTheme-CNnKNxwL.js";
|
|
7
|
-
import { f as U } from "./InputLabel-
|
|
7
|
+
import { f as U } from "./InputLabel-CBuAYyuT.js";
|
|
8
8
|
import { jsx as w, jsxs as W } from "react/jsx-runtime";
|
|
9
9
|
import { c as L } from "./createTheme-CyC5HawC.js";
|
|
10
10
|
import { u as k } from "./useFormControl-CatNKXAi.js";
|
|
@@ -3,7 +3,7 @@ import * as U from "react";
|
|
|
3
3
|
import { P as o } from "./index-DMSHuq6l.js";
|
|
4
4
|
import { s as y, r as j } from "./styled-B8ugzvji.js";
|
|
5
5
|
import { g as _, u as w, a as M } from "./useThemeProps-DRP1dikX.js";
|
|
6
|
-
import { i as S,
|
|
6
|
+
import { i as S, b as W, r as E, c as F, d as N, e as X } from "./InputLabel-CBuAYyuT.js";
|
|
7
7
|
import { g as A } from "./createTheme-CNnKNxwL.js";
|
|
8
8
|
import { jsx as L } from "react/jsx-runtime";
|
|
9
9
|
import { a as V } from "./createTheme-CyC5HawC.js";
|
|
@@ -433,12 +433,151 @@ function me({
|
|
|
433
433
|
}) {
|
|
434
434
|
return n.reduce((t, s) => (t[s] = o[s], r && typeof o[s] > "u" && (t[s] = r[s]), t), {});
|
|
435
435
|
}
|
|
436
|
-
function
|
|
436
|
+
function uo(o) {
|
|
437
|
+
return re("MuiFormLabel", o);
|
|
438
|
+
}
|
|
439
|
+
const H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), co = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], po = (o) => {
|
|
440
|
+
const {
|
|
441
|
+
classes: n,
|
|
442
|
+
color: r,
|
|
443
|
+
focused: t,
|
|
444
|
+
disabled: s,
|
|
445
|
+
error: u,
|
|
446
|
+
filled: h,
|
|
447
|
+
required: g
|
|
448
|
+
} = o, p = {
|
|
449
|
+
root: ["root", `color${K(r)}`, s && "disabled", u && "error", h && "filled", t && "focused", g && "required"],
|
|
450
|
+
asterisk: ["asterisk", u && "error"]
|
|
451
|
+
};
|
|
452
|
+
return ne(p, uo, n);
|
|
453
|
+
}, fo = _("label", {
|
|
454
|
+
name: "MuiFormLabel",
|
|
455
|
+
slot: "Root",
|
|
456
|
+
overridesResolver: ({
|
|
457
|
+
ownerState: o
|
|
458
|
+
}, n) => a({}, n.root, o.color === "secondary" && n.colorSecondary, o.filled && n.filled)
|
|
459
|
+
})(({
|
|
460
|
+
theme: o,
|
|
461
|
+
ownerState: n
|
|
462
|
+
}) => a({
|
|
463
|
+
color: (o.vars || o).palette.text.secondary
|
|
464
|
+
}, o.typography.body1, {
|
|
465
|
+
lineHeight: "1.4375em",
|
|
466
|
+
padding: 0,
|
|
467
|
+
position: "relative",
|
|
468
|
+
[`&.${H.focused}`]: {
|
|
469
|
+
color: (o.vars || o).palette[n.color].main
|
|
470
|
+
},
|
|
471
|
+
[`&.${H.disabled}`]: {
|
|
472
|
+
color: (o.vars || o).palette.text.disabled
|
|
473
|
+
},
|
|
474
|
+
[`&.${H.error}`]: {
|
|
475
|
+
color: (o.vars || o).palette.error.main
|
|
476
|
+
}
|
|
477
|
+
})), mo = _("span", {
|
|
478
|
+
name: "MuiFormLabel",
|
|
479
|
+
slot: "Asterisk",
|
|
480
|
+
overridesResolver: (o, n) => n.asterisk
|
|
481
|
+
})(({
|
|
482
|
+
theme: o
|
|
483
|
+
}) => ({
|
|
484
|
+
[`&.${H.error}`]: {
|
|
485
|
+
color: (o.vars || o).palette.error.main
|
|
486
|
+
}
|
|
487
|
+
})), Me = /* @__PURE__ */ i.forwardRef(function(n, r) {
|
|
488
|
+
const t = oe({
|
|
489
|
+
props: n,
|
|
490
|
+
name: "MuiFormLabel"
|
|
491
|
+
}), {
|
|
492
|
+
children: s,
|
|
493
|
+
className: u,
|
|
494
|
+
component: h = "label"
|
|
495
|
+
} = t, g = G(t, co), p = fe(), l = me({
|
|
496
|
+
props: t,
|
|
497
|
+
muiFormControl: p,
|
|
498
|
+
states: ["color", "required", "focused", "disabled", "error", "filled"]
|
|
499
|
+
}), b = a({}, t, {
|
|
500
|
+
color: l.color || "primary",
|
|
501
|
+
component: h,
|
|
502
|
+
disabled: l.disabled,
|
|
503
|
+
error: l.error,
|
|
504
|
+
filled: l.filled,
|
|
505
|
+
focused: l.focused,
|
|
506
|
+
required: l.required
|
|
507
|
+
}), C = po(b);
|
|
508
|
+
return /* @__PURE__ */ U(fo, a({
|
|
509
|
+
as: h,
|
|
510
|
+
ownerState: b,
|
|
511
|
+
className: V(C.root, u),
|
|
512
|
+
ref: r
|
|
513
|
+
}, g, {
|
|
514
|
+
children: [s, l.required && /* @__PURE__ */ U(mo, {
|
|
515
|
+
ownerState: b,
|
|
516
|
+
"aria-hidden": !0,
|
|
517
|
+
className: C.asterisk,
|
|
518
|
+
children: [" ", "*"]
|
|
519
|
+
})]
|
|
520
|
+
}));
|
|
521
|
+
});
|
|
522
|
+
process.env.NODE_ENV !== "production" && (Me.propTypes = {
|
|
523
|
+
// ----------------------------- Warning --------------------------------
|
|
524
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
525
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
526
|
+
// ----------------------------------------------------------------------
|
|
527
|
+
/**
|
|
528
|
+
* The content of the component.
|
|
529
|
+
*/
|
|
530
|
+
children: e.node,
|
|
531
|
+
/**
|
|
532
|
+
* Override or extend the styles applied to the component.
|
|
533
|
+
*/
|
|
534
|
+
classes: e.object,
|
|
535
|
+
/**
|
|
536
|
+
* @ignore
|
|
537
|
+
*/
|
|
538
|
+
className: e.string,
|
|
539
|
+
/**
|
|
540
|
+
* The color of the component.
|
|
541
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
542
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
543
|
+
*/
|
|
544
|
+
color: e.oneOfType([e.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), e.string]),
|
|
545
|
+
/**
|
|
546
|
+
* The component used for the root node.
|
|
547
|
+
* Either a string to use a HTML element or a component.
|
|
548
|
+
*/
|
|
549
|
+
component: e.elementType,
|
|
550
|
+
/**
|
|
551
|
+
* If `true`, the label should be displayed in a disabled state.
|
|
552
|
+
*/
|
|
553
|
+
disabled: e.bool,
|
|
554
|
+
/**
|
|
555
|
+
* If `true`, the label is displayed in an error state.
|
|
556
|
+
*/
|
|
557
|
+
error: e.bool,
|
|
558
|
+
/**
|
|
559
|
+
* If `true`, the label should use filled classes key.
|
|
560
|
+
*/
|
|
561
|
+
filled: e.bool,
|
|
562
|
+
/**
|
|
563
|
+
* If `true`, the input of this label is focused (used by `FormGroup` components).
|
|
564
|
+
*/
|
|
565
|
+
focused: e.bool,
|
|
566
|
+
/**
|
|
567
|
+
* If `true`, the label will indicate that the `input` is required.
|
|
568
|
+
*/
|
|
569
|
+
required: e.bool,
|
|
570
|
+
/**
|
|
571
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
572
|
+
*/
|
|
573
|
+
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
574
|
+
});
|
|
575
|
+
function We(o) {
|
|
437
576
|
return /* @__PURE__ */ N(Ie, a({}, o, {
|
|
438
577
|
defaultTheme: Ve
|
|
439
578
|
}));
|
|
440
579
|
}
|
|
441
|
-
process.env.NODE_ENV !== "production" && (
|
|
580
|
+
process.env.NODE_ENV !== "production" && (We.propTypes = {
|
|
442
581
|
// ----------------------------- Warning --------------------------------
|
|
443
582
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
444
583
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
@@ -450,20 +589,20 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
|
|
|
450
589
|
__emotion_styles: e.any.isRequired
|
|
451
590
|
}), e.string, e.bool])
|
|
452
591
|
});
|
|
453
|
-
function
|
|
592
|
+
function bo(o) {
|
|
454
593
|
return re("MuiInputBase", o);
|
|
455
594
|
}
|
|
456
|
-
const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]),
|
|
595
|
+
const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), ho = ["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"], yo = (o, n) => {
|
|
457
596
|
const {
|
|
458
597
|
ownerState: r
|
|
459
598
|
} = o;
|
|
460
599
|
return [n.root, r.formControl && n.formControl, r.startAdornment && n.adornedStart, r.endAdornment && n.adornedEnd, r.error && n.error, r.size === "small" && n.sizeSmall, r.multiline && n.multiline, r.color && n[`color${K(r.color)}`], r.fullWidth && n.fullWidth, r.hiddenLabel && n.hiddenLabel];
|
|
461
|
-
},
|
|
600
|
+
}, go = (o, n) => {
|
|
462
601
|
const {
|
|
463
602
|
ownerState: r
|
|
464
603
|
} = o;
|
|
465
604
|
return [n.input, r.size === "small" && n.inputSizeSmall, r.multiline && n.inputMultiline, r.type === "search" && n.inputTypeSearch, r.startAdornment && n.inputAdornedStart, r.endAdornment && n.inputAdornedEnd, r.hiddenLabel && n.inputHiddenLabel];
|
|
466
|
-
},
|
|
605
|
+
}, vo = (o) => {
|
|
467
606
|
const {
|
|
468
607
|
classes: n,
|
|
469
608
|
color: r,
|
|
@@ -483,11 +622,11 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
483
622
|
root: ["root", `color${K(r)}`, t && "disabled", s && "error", p && "fullWidth", h && "focused", g && "formControl", w === "small" && "sizeSmall", b && "multiline", T && "adornedStart", u && "adornedEnd", l && "hiddenLabel", C && "readOnly"],
|
|
484
623
|
input: ["input", t && "disabled", E === "search" && "inputTypeSearch", b && "inputMultiline", w === "small" && "inputSizeSmall", l && "inputHiddenLabel", T && "inputAdornedStart", u && "inputAdornedEnd", C && "readOnly"]
|
|
485
624
|
};
|
|
486
|
-
return ne(k,
|
|
487
|
-
},
|
|
625
|
+
return ne(k, bo, n);
|
|
626
|
+
}, xo = _("div", {
|
|
488
627
|
name: "MuiInputBase",
|
|
489
628
|
slot: "Root",
|
|
490
|
-
overridesResolver:
|
|
629
|
+
overridesResolver: yo
|
|
491
630
|
})(({
|
|
492
631
|
theme: o,
|
|
493
632
|
ownerState: n
|
|
@@ -511,10 +650,10 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
511
650
|
paddingTop: 1
|
|
512
651
|
}), n.fullWidth && {
|
|
513
652
|
width: "100%"
|
|
514
|
-
})),
|
|
653
|
+
})), Co = _("input", {
|
|
515
654
|
name: "MuiInputBase",
|
|
516
655
|
slot: "Input",
|
|
517
|
-
overridesResolver:
|
|
656
|
+
overridesResolver: go
|
|
518
657
|
})(({
|
|
519
658
|
theme: o,
|
|
520
659
|
ownerState: n
|
|
@@ -612,7 +751,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
612
751
|
// Improve type search style.
|
|
613
752
|
MozAppearance: "textfield"
|
|
614
753
|
});
|
|
615
|
-
}),
|
|
754
|
+
}), So = /* @__PURE__ */ N(We, {
|
|
616
755
|
styles: {
|
|
617
756
|
"@keyframes mui-auto-fill": {
|
|
618
757
|
from: {
|
|
@@ -625,7 +764,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
625
764
|
}
|
|
626
765
|
}
|
|
627
766
|
}
|
|
628
|
-
}),
|
|
767
|
+
}), wo = /* @__PURE__ */ i.forwardRef(function(n, r) {
|
|
629
768
|
var t;
|
|
630
769
|
const s = oe({
|
|
631
770
|
props: n,
|
|
@@ -665,7 +804,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
665
804
|
startAdornment: $,
|
|
666
805
|
type: ye = "text",
|
|
667
806
|
value: Le
|
|
668
|
-
} = s, Be = G(s,
|
|
807
|
+
} = s, Be = G(s, ho), J = S.value != null ? S.value : Le, {
|
|
669
808
|
current: te
|
|
670
809
|
} = i.useRef(J != null), D = i.useRef(), Pe = i.useCallback((c) => {
|
|
671
810
|
process.env.NODE_ENV !== "production" && c && c.nodeName !== "INPUT" && !c.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(`
|
|
@@ -747,9 +886,9 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
747
886
|
size: R.size,
|
|
748
887
|
startAdornment: $,
|
|
749
888
|
type: ye
|
|
750
|
-
}), ge =
|
|
889
|
+
}), ge = vo(Q), ve = he.root || l.Root || xo, de = be.root || b.root || {}, xe = he.input || l.Input || Co;
|
|
751
890
|
return z = a({}, z, (t = be.input) != null ? t : b.input), /* @__PURE__ */ U(i.Fragment, {
|
|
752
|
-
children: [!T &&
|
|
891
|
+
children: [!T && So, /* @__PURE__ */ U(ve, a({}, de, !Oe(ve) && {
|
|
753
892
|
ownerState: a({}, Q, de.ownerState)
|
|
754
893
|
}, {
|
|
755
894
|
ref: r,
|
|
@@ -793,7 +932,7 @@ const pe = ee("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
|
|
|
793
932
|
}))]
|
|
794
933
|
});
|
|
795
934
|
});
|
|
796
|
-
process.env.NODE_ENV !== "production" && (
|
|
935
|
+
process.env.NODE_ENV !== "production" && (wo.propTypes = {
|
|
797
936
|
// ----------------------------- Warning --------------------------------
|
|
798
937
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
799
938
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
@@ -1023,145 +1162,6 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
|
|
|
1023
1162
|
*/
|
|
1024
1163
|
value: e.any
|
|
1025
1164
|
});
|
|
1026
|
-
function vo(o) {
|
|
1027
|
-
return re("MuiFormLabel", o);
|
|
1028
|
-
}
|
|
1029
|
-
const H = ee("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), xo = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"], Co = (o) => {
|
|
1030
|
-
const {
|
|
1031
|
-
classes: n,
|
|
1032
|
-
color: r,
|
|
1033
|
-
focused: t,
|
|
1034
|
-
disabled: s,
|
|
1035
|
-
error: u,
|
|
1036
|
-
filled: h,
|
|
1037
|
-
required: g
|
|
1038
|
-
} = o, p = {
|
|
1039
|
-
root: ["root", `color${K(r)}`, s && "disabled", u && "error", h && "filled", t && "focused", g && "required"],
|
|
1040
|
-
asterisk: ["asterisk", u && "error"]
|
|
1041
|
-
};
|
|
1042
|
-
return ne(p, vo, n);
|
|
1043
|
-
}, So = _("label", {
|
|
1044
|
-
name: "MuiFormLabel",
|
|
1045
|
-
slot: "Root",
|
|
1046
|
-
overridesResolver: ({
|
|
1047
|
-
ownerState: o
|
|
1048
|
-
}, n) => a({}, n.root, o.color === "secondary" && n.colorSecondary, o.filled && n.filled)
|
|
1049
|
-
})(({
|
|
1050
|
-
theme: o,
|
|
1051
|
-
ownerState: n
|
|
1052
|
-
}) => a({
|
|
1053
|
-
color: (o.vars || o).palette.text.secondary
|
|
1054
|
-
}, o.typography.body1, {
|
|
1055
|
-
lineHeight: "1.4375em",
|
|
1056
|
-
padding: 0,
|
|
1057
|
-
position: "relative",
|
|
1058
|
-
[`&.${H.focused}`]: {
|
|
1059
|
-
color: (o.vars || o).palette[n.color].main
|
|
1060
|
-
},
|
|
1061
|
-
[`&.${H.disabled}`]: {
|
|
1062
|
-
color: (o.vars || o).palette.text.disabled
|
|
1063
|
-
},
|
|
1064
|
-
[`&.${H.error}`]: {
|
|
1065
|
-
color: (o.vars || o).palette.error.main
|
|
1066
|
-
}
|
|
1067
|
-
})), wo = _("span", {
|
|
1068
|
-
name: "MuiFormLabel",
|
|
1069
|
-
slot: "Asterisk",
|
|
1070
|
-
overridesResolver: (o, n) => n.asterisk
|
|
1071
|
-
})(({
|
|
1072
|
-
theme: o
|
|
1073
|
-
}) => ({
|
|
1074
|
-
[`&.${H.error}`]: {
|
|
1075
|
-
color: (o.vars || o).palette.error.main
|
|
1076
|
-
}
|
|
1077
|
-
})), We = /* @__PURE__ */ i.forwardRef(function(n, r) {
|
|
1078
|
-
const t = oe({
|
|
1079
|
-
props: n,
|
|
1080
|
-
name: "MuiFormLabel"
|
|
1081
|
-
}), {
|
|
1082
|
-
children: s,
|
|
1083
|
-
className: u,
|
|
1084
|
-
component: h = "label"
|
|
1085
|
-
} = t, g = G(t, xo), p = fe(), l = me({
|
|
1086
|
-
props: t,
|
|
1087
|
-
muiFormControl: p,
|
|
1088
|
-
states: ["color", "required", "focused", "disabled", "error", "filled"]
|
|
1089
|
-
}), b = a({}, t, {
|
|
1090
|
-
color: l.color || "primary",
|
|
1091
|
-
component: h,
|
|
1092
|
-
disabled: l.disabled,
|
|
1093
|
-
error: l.error,
|
|
1094
|
-
filled: l.filled,
|
|
1095
|
-
focused: l.focused,
|
|
1096
|
-
required: l.required
|
|
1097
|
-
}), C = Co(b);
|
|
1098
|
-
return /* @__PURE__ */ U(So, a({
|
|
1099
|
-
as: h,
|
|
1100
|
-
ownerState: b,
|
|
1101
|
-
className: V(C.root, u),
|
|
1102
|
-
ref: r
|
|
1103
|
-
}, g, {
|
|
1104
|
-
children: [s, l.required && /* @__PURE__ */ U(wo, {
|
|
1105
|
-
ownerState: b,
|
|
1106
|
-
"aria-hidden": !0,
|
|
1107
|
-
className: C.asterisk,
|
|
1108
|
-
children: [" ", "*"]
|
|
1109
|
-
})]
|
|
1110
|
-
}));
|
|
1111
|
-
});
|
|
1112
|
-
process.env.NODE_ENV !== "production" && (We.propTypes = {
|
|
1113
|
-
// ----------------------------- Warning --------------------------------
|
|
1114
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
1115
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
1116
|
-
// ----------------------------------------------------------------------
|
|
1117
|
-
/**
|
|
1118
|
-
* The content of the component.
|
|
1119
|
-
*/
|
|
1120
|
-
children: e.node,
|
|
1121
|
-
/**
|
|
1122
|
-
* Override or extend the styles applied to the component.
|
|
1123
|
-
*/
|
|
1124
|
-
classes: e.object,
|
|
1125
|
-
/**
|
|
1126
|
-
* @ignore
|
|
1127
|
-
*/
|
|
1128
|
-
className: e.string,
|
|
1129
|
-
/**
|
|
1130
|
-
* The color of the component.
|
|
1131
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
|
1132
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
|
1133
|
-
*/
|
|
1134
|
-
color: e.oneOfType([e.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), e.string]),
|
|
1135
|
-
/**
|
|
1136
|
-
* The component used for the root node.
|
|
1137
|
-
* Either a string to use a HTML element or a component.
|
|
1138
|
-
*/
|
|
1139
|
-
component: e.elementType,
|
|
1140
|
-
/**
|
|
1141
|
-
* If `true`, the label should be displayed in a disabled state.
|
|
1142
|
-
*/
|
|
1143
|
-
disabled: e.bool,
|
|
1144
|
-
/**
|
|
1145
|
-
* If `true`, the label is displayed in an error state.
|
|
1146
|
-
*/
|
|
1147
|
-
error: e.bool,
|
|
1148
|
-
/**
|
|
1149
|
-
* If `true`, the label should use filled classes key.
|
|
1150
|
-
*/
|
|
1151
|
-
filled: e.bool,
|
|
1152
|
-
/**
|
|
1153
|
-
* If `true`, the input of this label is focused (used by `FormGroup` components).
|
|
1154
|
-
*/
|
|
1155
|
-
focused: e.bool,
|
|
1156
|
-
/**
|
|
1157
|
-
* If `true`, the label will indicate that the `input` is required.
|
|
1158
|
-
*/
|
|
1159
|
-
required: e.bool,
|
|
1160
|
-
/**
|
|
1161
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
1162
|
-
*/
|
|
1163
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
1164
|
-
});
|
|
1165
1165
|
function Oo(o) {
|
|
1166
1166
|
return re("MuiInputLabel", o);
|
|
1167
1167
|
}
|
|
@@ -1180,7 +1180,7 @@ const To = ["disableAnimation", "margin", "shrink", "variant", "className"], Ro
|
|
|
1180
1180
|
asterisk: [g && "asterisk"]
|
|
1181
1181
|
}, Oo, n);
|
|
1182
1182
|
return a({}, n, l);
|
|
1183
|
-
}, Eo = _(
|
|
1183
|
+
}, Eo = _(Me, {
|
|
1184
1184
|
shouldForwardProp: (o) => Ue(o) || o === "classes",
|
|
1185
1185
|
name: "MuiInputLabel",
|
|
1186
1186
|
slot: "Root",
|
|
@@ -1355,12 +1355,13 @@ process.env.NODE_ENV !== "production" && (No.propTypes = {
|
|
|
1355
1355
|
export {
|
|
1356
1356
|
lo as F,
|
|
1357
1357
|
No as I,
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1358
|
+
Me as a,
|
|
1359
|
+
xo as b,
|
|
1360
|
+
Co as c,
|
|
1361
1361
|
go as d,
|
|
1362
|
-
|
|
1362
|
+
wo as e,
|
|
1363
1363
|
me as f,
|
|
1364
|
+
Ae as g,
|
|
1364
1365
|
pe as i,
|
|
1365
|
-
|
|
1366
|
+
yo as r
|
|
1366
1367
|
};
|
|
@@ -4,7 +4,7 @@ import { P as e } from "./index-DMSHuq6l.js";
|
|
|
4
4
|
import { s as c, r as F } from "./styled-B8ugzvji.js";
|
|
5
5
|
import { jsx as a, jsxs as A } from "react/jsx-runtime";
|
|
6
6
|
import { u as S } from "./useFormControl-CatNKXAi.js";
|
|
7
|
-
import { i as P,
|
|
7
|
+
import { i as P, b as M, r as z, c as E, d as q, f as U, e as V } from "./InputLabel-CBuAYyuT.js";
|
|
8
8
|
import { g as D, u as H, a as G } from "./useThemeProps-DRP1dikX.js";
|
|
9
9
|
import { g as J } from "./createTheme-CNnKNxwL.js";
|
|
10
10
|
import { r as K } from "./ButtonBase-DsX-jMQJ.js";
|
|
@@ -17,12 +17,12 @@ import { T as Tn, r as In, g as Ve } from "./utils-CsOZUsQj.js";
|
|
|
17
17
|
import { e as Sn } from "./exactProp-cjT0t_Pt.js";
|
|
18
18
|
import { a as xn } from "./List-DOD5kSk3.js";
|
|
19
19
|
import { c as Re, g as Mn, a as en } from "./createTheme-CyC5HawC.js";
|
|
20
|
-
import {
|
|
20
|
+
import { g as wn, i as Nn, b as Fn, r as Dn, c as $n, d as kn, e as jn, f as Ln } from "./InputLabel-CBuAYyuT.js";
|
|
21
21
|
import { u as We } from "./useControlled-BYdyS7Pn.js";
|
|
22
22
|
import { u as _n } from "./useFormControl-CatNKXAi.js";
|
|
23
23
|
import { c as An } from "./createSvgIcon-OuwzpcaC.js";
|
|
24
|
-
import { I as Bn } from "./Input-
|
|
25
|
-
import { O as Vn } from "./OutlinedInput-
|
|
24
|
+
import { I as Bn } from "./Input-CoIrGZAh.js";
|
|
25
|
+
import { O as Vn } from "./OutlinedInput-B-iZoc9l.js";
|
|
26
26
|
const Wn = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
|
|
27
27
|
function Se(n, t, o) {
|
|
28
28
|
return n === t ? n.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o ? null : n.firstChild;
|
|
@@ -5,14 +5,14 @@ import { g as S, u as _, c as L, a as $ } from "./useThemeProps-DRP1dikX.js";
|
|
|
5
5
|
import { s as E } from "./styled-B8ugzvji.js";
|
|
6
6
|
import { g as U } from "./createTheme-CNnKNxwL.js";
|
|
7
7
|
import { jsx as p, jsxs as le } from "react/jsx-runtime";
|
|
8
|
-
import { f as ie, F as ae, I as de } from "./InputLabel-
|
|
8
|
+
import { f as ie, F as ae, I as de } from "./InputLabel-CBuAYyuT.js";
|
|
9
9
|
import { u as ce } from "./useId-BHG98T5I.js";
|
|
10
|
-
import { S as ue, F as pe } from "./Select-
|
|
10
|
+
import { S as ue, F as pe } from "./Select-t3ewnSdf.js";
|
|
11
11
|
import { u as fe } from "./useFormControl-CatNKXAi.js";
|
|
12
12
|
import { c as V } from "./createTheme-CyC5HawC.js";
|
|
13
13
|
import { r as me } from "./ButtonBase-DsX-jMQJ.js";
|
|
14
|
-
import { I as be } from "./Input-
|
|
15
|
-
import { O as Te } from "./OutlinedInput-
|
|
14
|
+
import { I as be } from "./Input-CoIrGZAh.js";
|
|
15
|
+
import { O as Te } from "./OutlinedInput-B-iZoc9l.js";
|
|
16
16
|
function xe(o) {
|
|
17
17
|
return U("MuiFormHelperText", o);
|
|
18
18
|
}
|