@bloom-housing/ui-components 13.0.5 → 13.0.6
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/src/forms/Field.js.map +1 -1
- package/dist/src/forms/PhoneField.js +3 -2
- package/dist/src/forms/PhoneField.js.map +1 -1
- package/dist/src/forms/PhoneMask.js +2 -2
- package/dist/src/forms/PhoneMask.js.map +1 -1
- package/package.json +1 -1
- package/src/forms/Field.tsx +4 -2
- package/src/forms/PhoneField.tsx +6 -3
- package/src/forms/PhoneMask.tsx +3 -1
- package/src/global/forms.scss +12 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,8 @@ export var PhoneField = function (props) {
|
|
|
33
33
|
defaultValue: props.defaultValue || "",
|
|
34
34
|
disabled: props.disabled,
|
|
35
35
|
control: props.control,
|
|
36
|
-
"aria-describedby": "".concat(props.id ? "".concat(props.id, "-error") : "", " ").concat(props.subNote ? "".concat(props.id, "-sub-note") : ""),
|
|
36
|
+
"aria-describedby": "".concat(props.id ? "".concat(props.id, "-error") : "", " ").concat(props.subNote && props.id ? "".concat(props.id, "-sub-note") : ""),
|
|
37
|
+
"aria-invalid": !!props.error,
|
|
37
38
|
rules: {
|
|
38
39
|
validate: {
|
|
39
40
|
inputTel: function (v) {
|
|
@@ -49,7 +50,7 @@ export var PhoneField = function (props) {
|
|
|
49
50
|
},
|
|
50
51
|
};
|
|
51
52
|
return (React.createElement("div", { className: "field " + (props.error ? "error" : "") },
|
|
52
|
-
props.label && (React.createElement("label", {
|
|
53
|
+
props.label && (React.createElement("label", { className: labelClasses.join(" "), htmlFor: props.id }, props.label)),
|
|
53
54
|
React.createElement("div", { className: props.controlClassName, "data-testid": props.dataTestId }, props.mask ? (React.createElement(Controller, __assign({}, controllerProps, { render: props.mask }))) : (React.createElement(Controller, __assign({}, controllerProps, { as: PhoneMask })))),
|
|
54
55
|
props.subNote && (React.createElement("p", { id: "".concat(props.id || "", "-sub-note"), className: "field-sub-note" }, props.subNote)),
|
|
55
56
|
React.createElement(ErrorMessage, { id: "".concat(props.id || "", "-error"), error: props.error }, props.errorMessage)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,EAAE,CAAA;IACvB,IAAI,KAAK,CAAC,IAAI;QAAE,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD;;;;;OAKG;IACH,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,OAAO;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;QACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,kBAAkB,EAAE,UAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,EAAE,WAAQ,CAAC,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export var PhoneMask = React.forwardRef(function (props, ref) {
|
|
|
8
8
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9
9
|
onChange: function (e) {
|
|
10
10
|
e.persist();
|
|
11
|
-
onChange(e);
|
|
12
|
-
}, ref: ref, "aria-labelledby": "phone-label" })));
|
|
11
|
+
onChange && onChange(e);
|
|
12
|
+
}, ref: ref, "aria-labelledby": "phone-label", "aria-describedby": props["aria-describedby"], "aria-invalid": props["aria-invalid"] })));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=PhoneMask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,8DAA8D;AAC9D,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;YAClB,8DAA8D;YAC9D,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,CAAC,CAAC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,8DAA8D;AAC9D,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;YAClB,8DAA8D;YAC9D,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,sBACZ,KAAK,CAAC,kBAAkB,CAAC,kBAC7B,KAAK,CAAC,cAAc,CAAC,GACnC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.6",
|
|
4
4
|
"author": "Sean Albert <sean.albert@exygy.com>",
|
|
5
5
|
"description": "Shared user interface components for Bloom affordable housing system",
|
|
6
6
|
"homepage": "https://github.com/bloom-housing/ui-components",
|
package/src/forms/Field.tsx
CHANGED
|
@@ -73,7 +73,7 @@ const Field = (props: FieldProps) => {
|
|
|
73
73
|
} else {
|
|
74
74
|
props.setValue(
|
|
75
75
|
props.name,
|
|
76
|
-
numericIncome.toLocaleString("en-US", { minimumFractionDigits: 2 })
|
|
76
|
+
numericIncome.toLocaleString("en-US", { minimumFractionDigits: 2 })
|
|
77
77
|
)
|
|
78
78
|
}
|
|
79
79
|
}
|
|
@@ -184,7 +184,9 @@ const Field = (props: FieldProps) => {
|
|
|
184
184
|
<div className={controlClasses.join(" ")}>
|
|
185
185
|
{props.prepend && <span className="prepend">{props.prepend}</span>}
|
|
186
186
|
<input
|
|
187
|
-
aria-describedby={`${
|
|
187
|
+
aria-describedby={`${
|
|
188
|
+
props.describedBy ? props.describedBy : ""
|
|
189
|
+
} ${`${idOrName}-error ${idOrName}-note ${idOrName}-sub-note`}`}
|
|
188
190
|
aria-invalid={!!props.error || false}
|
|
189
191
|
aria-label={props.ariaLabel}
|
|
190
192
|
className="input"
|
package/src/forms/PhoneField.tsx
CHANGED
|
@@ -38,14 +38,17 @@ export const PhoneField = (props: {
|
|
|
38
38
|
defaultValue: props.defaultValue || "",
|
|
39
39
|
disabled: props.disabled,
|
|
40
40
|
control: props.control,
|
|
41
|
-
"aria-describedby": `${props.id ? `${props.id}-error` : ""} ${
|
|
41
|
+
"aria-describedby": `${props.id ? `${props.id}-error` : ""} ${
|
|
42
|
+
props.subNote && props.id ? `${props.id}-sub-note` : ""
|
|
43
|
+
}`,
|
|
44
|
+
"aria-invalid": !!props.error,
|
|
42
45
|
rules: {
|
|
43
46
|
validate: {
|
|
44
47
|
inputTel: (v: string) => {
|
|
45
48
|
if (!props.required && !v?.length) return true
|
|
46
49
|
|
|
47
50
|
const dropdown = document.querySelector<HTMLInputElement>(
|
|
48
|
-
"#" + props.name.replace(".", "\\.")
|
|
51
|
+
"#" + props.name.replace(".", "\\.")
|
|
49
52
|
)
|
|
50
53
|
if (!dropdown || dropdown.disabled) return true
|
|
51
54
|
return v?.match(/\d/g)?.length == 10 ? true : false
|
|
@@ -57,7 +60,7 @@ export const PhoneField = (props: {
|
|
|
57
60
|
return (
|
|
58
61
|
<div className={"field " + (props.error ? "error" : "")}>
|
|
59
62
|
{props.label && (
|
|
60
|
-
<label
|
|
63
|
+
<label className={labelClasses.join(" ")} htmlFor={props.id}>
|
|
61
64
|
{props.label}
|
|
62
65
|
</label>
|
|
63
66
|
)}
|
package/src/forms/PhoneMask.tsx
CHANGED
|
@@ -20,10 +20,12 @@ export const PhoneMask = React.forwardRef((props: any, ref: any) => {
|
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
21
21
|
onChange={(e: any) => {
|
|
22
22
|
e.persist()
|
|
23
|
-
onChange(e)
|
|
23
|
+
onChange && onChange(e)
|
|
24
24
|
}}
|
|
25
25
|
ref={ref}
|
|
26
26
|
aria-labelledby={"phone-label"}
|
|
27
|
+
aria-describedby={props["aria-describedby"]}
|
|
28
|
+
aria-invalid={props["aria-invalid"]}
|
|
27
29
|
/>
|
|
28
30
|
</>
|
|
29
31
|
)
|
package/src/global/forms.scss
CHANGED
|
@@ -247,6 +247,18 @@
|
|
|
247
247
|
}
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
+
input[type="radio"]:focus + label::before {
|
|
251
|
+
background-color: none;
|
|
252
|
+
box-shadow: 0 0 0 1px white, 0 0 0 3px var(--bloom-color-alert),
|
|
253
|
+
0 0 4px 5px var(--bloom-color-accent-cool);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
input[type="checkbox"]:focus + label::before {
|
|
257
|
+
background-color: none;
|
|
258
|
+
box-shadow: 0 0 0 1px white, 0 0 0 3px var(--bloom-color-alert),
|
|
259
|
+
0 0 4px 5px var(--bloom-color-accent-cool);
|
|
260
|
+
}
|
|
261
|
+
|
|
250
262
|
input[type="radio"] + label::before {
|
|
251
263
|
box-shadow: 0 0 0 2px #fff, 0 0 0 4px $tailwind-alert;
|
|
252
264
|
}
|