@terraware/web-components 3.0.37 → 3.0.38
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI3D,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI3D,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,IAAI;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA0HpF"}
|
|
@@ -18,6 +18,7 @@ function MultiSelect(props) {
|
|
|
18
18
|
disabled,
|
|
19
19
|
fullWidth,
|
|
20
20
|
helperText,
|
|
21
|
+
errorText,
|
|
21
22
|
id,
|
|
22
23
|
label,
|
|
23
24
|
missingValuePlaceholder,
|
|
@@ -73,7 +74,7 @@ function MultiSelect(props) {
|
|
|
73
74
|
tabIndex: 0
|
|
74
75
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
75
76
|
id: id,
|
|
76
|
-
className: "multi-select__values".concat(disabled ? '--disabled' : '').concat(openedOptions ? ' open' : ''),
|
|
77
|
+
className: "multi-select__values".concat(disabled ? '--disabled' : '').concat(openedOptions ? ' open' : '').concat(errorText ? ' error' : ''),
|
|
77
78
|
onClick: toggleOptions
|
|
78
79
|
}, selectedOptions.length > 0 ? /*#__PURE__*/_react.default.createElement(_PillList.default, {
|
|
79
80
|
data: valuesPillData,
|
|
@@ -102,5 +103,13 @@ function MultiSelect(props) {
|
|
|
102
103
|
})))), helperText && /*#__PURE__*/_react.default.createElement("label", {
|
|
103
104
|
htmlFor: id,
|
|
104
105
|
className: "multi-select__help-text"
|
|
105
|
-
}, helperText)
|
|
106
|
+
}, helperText), errorText && /*#__PURE__*/_react.default.createElement("div", {
|
|
107
|
+
className: "multi-select__error"
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
109
|
+
name: "error",
|
|
110
|
+
className: "multi-select__error-icon"
|
|
111
|
+
}), /*#__PURE__*/_react.default.createElement("label", {
|
|
112
|
+
htmlFor: id,
|
|
113
|
+
className: "multi-select__error-text"
|
|
114
|
+
}, errorText)));
|
|
106
115
|
}
|
|
@@ -33,6 +33,30 @@
|
|
|
33
33
|
max-width: 100%;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
.multi-select__error {
|
|
37
|
+
display: flex;
|
|
38
|
+
width: 100%;
|
|
39
|
+
margin-top: $tw-spc-base-xx-small;
|
|
40
|
+
|
|
41
|
+
&-text {
|
|
42
|
+
font-family: $tw-fnt-frm-fld-error-text-font-family;
|
|
43
|
+
font-size: $tw-fnt-frm-fld-error-text-font-size;
|
|
44
|
+
font-weight: $tw-fnt-frm-fld-error-text-font-weight;
|
|
45
|
+
line-height: $tw-fnt-frm-fld-error-text-line-height;
|
|
46
|
+
color: $tw-clr-txt-danger;
|
|
47
|
+
display: block;
|
|
48
|
+
width: 100%;
|
|
49
|
+
max-width: 100%;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&-icon {
|
|
53
|
+
fill: $tw-clr-icn-danger;
|
|
54
|
+
width: $tw-fnt-frm-fld-error-text-line-height;
|
|
55
|
+
height: $tw-fnt-frm-fld-error-text-line-height;
|
|
56
|
+
margin-right: $tw-spc-base-x-small;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
36
60
|
.multi-select__help-text {
|
|
37
61
|
font-family: $tw-fnt-frm-fld-help-text-font-family;
|
|
38
62
|
font-size: $tw-fnt-frm-fld-help-text-font-size;
|
|
@@ -74,6 +98,10 @@
|
|
|
74
98
|
outline-offset: -$tw-sz-frm-fld-text-input-stroke;
|
|
75
99
|
}
|
|
76
100
|
|
|
101
|
+
&.error {
|
|
102
|
+
border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
|
|
103
|
+
}
|
|
104
|
+
|
|
77
105
|
&--disabled {
|
|
78
106
|
background-color: $tw-clr-bg;
|
|
79
107
|
border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-tertiary;
|