@bloom-housing/ui-components 12.6.3 → 12.7.0
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
CHANGED
|
@@ -53,7 +53,23 @@ var Field = function (props) {
|
|
|
53
53
|
};
|
|
54
54
|
var inputProps = __assign({}, props.inputProps);
|
|
55
55
|
if (props.type === "currency") {
|
|
56
|
-
|
|
56
|
+
var customOnBlur_1 = typeof inputProps.onBlur === "function"
|
|
57
|
+
? inputProps.onBlur
|
|
58
|
+
: function () {
|
|
59
|
+
//noop
|
|
60
|
+
};
|
|
61
|
+
var customOnFocus_1 = typeof inputProps.onFocus === "function"
|
|
62
|
+
? inputProps.onFocus
|
|
63
|
+
: function () {
|
|
64
|
+
//noop
|
|
65
|
+
};
|
|
66
|
+
inputProps = __assign(__assign({}, inputProps), { onBlur: function () {
|
|
67
|
+
formatValue();
|
|
68
|
+
customOnBlur_1();
|
|
69
|
+
}, onFocus: function () {
|
|
70
|
+
formatValue(true);
|
|
71
|
+
customOnFocus_1();
|
|
72
|
+
}, onChange: filterNumbers });
|
|
57
73
|
}
|
|
58
74
|
if (props.type === "url") {
|
|
59
75
|
inputProps = __assign(__assign({}, inputProps), { ref: props.register &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE5D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAqC5D,IAAM,KAAK,GAAG,UAAC,KAAiB;;IAC9B,IAAM,OAAO,GAAG,CAAC,OAAO,CAAC,CAAA;IACzB,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KACtB;IAED,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KAC9B;IAED,IAAM,cAAc,GAAG,EAAE,CAAA;IAEzB,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QAC7B,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;KAC/B;IAED,IAAI,KAAK,CAAC,gBAAgB,EAAE;QAC1B,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;KAC5C;IAED,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;QACzE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAErC,IAAM,WAAW,GAAG,UAAC,OAAe;QAAf,wBAAA,EAAA,eAAe;QAClC,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE;YACrC,IAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACjD,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;YAE/C,IAAI,OAAO,IAAI,aAAa,EAAE;gBAC5B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA;aAC1E;iBAAM,IAAI,KAAK,CAAC,aAAa,CAAC,EAAE;gBAC/B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;aAC/B;iBAAM;gBACL,KAAK,CAAC,QAAQ,CACZ,KAAK,CAAC,IAAI,EACV,aAAa,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CACpE,CAAA;aACF;SACF;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,CAAgC;QACrD,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;SAC/F;IACH,CAAC,CAAA;IAED,IAAI,UAAU,gBAAQ,KAAK,CAAC,UAAU,CAAE,CAAA;IACxC,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE;QAC7B,UAAU,yBACL,UAAU,KACb,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { IMaskInput } from "react-imask";
|
|
3
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
3
4
|
export var PhoneMask = React.forwardRef(function (props, ref) {
|
|
4
5
|
var value = props.value, onChange = props.onChange, name = props.name, disabled = props.disabled, placeholder = props.placeholder;
|
|
5
6
|
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
React.createElement(IMaskInput, { "aria-labelledby": "phone-label", className: "input", disabled: disabled, id: name, mask: "(000) 000-0000", name: name,
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9
|
+
onAccept: function (value, _) {
|
|
10
|
+
onChange(value);
|
|
11
|
+
}, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", ref: ref, type: "tel", unmask: false, value: value })));
|
|
10
12
|
});
|
|
11
13
|
//# 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,
|
|
1
|
+
{"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,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,UAAU,uBACQ,aAAa,EAC9B,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAE,IAAI;YACV,6DAA6D;YAC7D,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC;gBACjB,QAAQ,CAAC,KAAK,CAAC,CAAA;YACjB,CAAC,EACD,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,GACZ,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": "12.
|
|
3
|
+
"version": "12.7.0",
|
|
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",
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
"@commitlint/cli": "^13.1.0",
|
|
44
44
|
"@commitlint/config-conventional": "^13.1.0",
|
|
45
45
|
"@geometricpanda/storybook-addon-badges": "^1.1.1",
|
|
46
|
-
"@storybook/addons": "^6.5.8",
|
|
47
|
-
"@storybook/addon-actions": "^6.5.16",
|
|
48
46
|
"@storybook/addon-a11y": "^6.5.16",
|
|
47
|
+
"@storybook/addon-actions": "^6.5.16",
|
|
49
48
|
"@storybook/addon-essentials": "^6.5.16",
|
|
50
49
|
"@storybook/addon-interactions": "^6.5.16",
|
|
51
|
-
"@storybook/addon-links": "^6.5.16",
|
|
52
50
|
"@storybook/addon-knobs": "^6.4.0",
|
|
51
|
+
"@storybook/addon-links": "^6.5.16",
|
|
52
|
+
"@storybook/addon-postcss": "^2.0.0",
|
|
53
53
|
"@storybook/addon-storyshots": "^6.3.8",
|
|
54
54
|
"@storybook/addon-storyshots-puppeteer": "^6.3.8",
|
|
55
|
-
"@storybook/
|
|
55
|
+
"@storybook/addons": "^6.5.8",
|
|
56
56
|
"@storybook/api": "^6.5.8",
|
|
57
57
|
"@storybook/builder-webpack5": "^6.5.16",
|
|
58
58
|
"@storybook/components": "^6.5.8",
|
|
@@ -77,11 +77,10 @@
|
|
|
77
77
|
"@types/react-map-gl": "^5.2.10",
|
|
78
78
|
"@types/react-tabs": "^2.3.2",
|
|
79
79
|
"@types/react-test-renderer": "^18.0.0",
|
|
80
|
-
"@types/react-text-mask": "^5.4.6",
|
|
81
80
|
"@types/react-transition-group": "^4.4.0",
|
|
82
81
|
"@types/webpack": "5.28.0",
|
|
83
|
-
"@typescript-eslint/parser": "^5.12.1",
|
|
84
82
|
"@typescript-eslint/eslint-plugin": "^5.12.1",
|
|
83
|
+
"@typescript-eslint/parser": "^5.12.1",
|
|
85
84
|
"autoprefixer": "^10.3.4",
|
|
86
85
|
"babel-loader": "^8.2.2",
|
|
87
86
|
"babel-plugin-require-context-hook": "^1.0.0",
|
|
@@ -143,11 +142,11 @@
|
|
|
143
142
|
"react-dropzone": "^11.3.2",
|
|
144
143
|
"react-focus-lock": "^2.9.4",
|
|
145
144
|
"react-hook-form": "^6.15.5",
|
|
145
|
+
"react-imask": "^7.6.1",
|
|
146
146
|
"react-map-gl": "^6.1.16",
|
|
147
147
|
"react-media": "^1.10.0",
|
|
148
148
|
"react-remove-scroll": "2.5.4",
|
|
149
149
|
"react-tabs": "^3.2.2",
|
|
150
|
-
"react-text-mask": "^5.5.0",
|
|
151
150
|
"react-transition-group": "^4.4.1",
|
|
152
151
|
"tailwindcss": "2.2.10",
|
|
153
152
|
"tailwindcss-rtl": "^0.9.0",
|
package/src/forms/Field.tsx
CHANGED
|
@@ -87,10 +87,28 @@ const Field = (props: FieldProps) => {
|
|
|
87
87
|
|
|
88
88
|
let inputProps = { ...props.inputProps }
|
|
89
89
|
if (props.type === "currency") {
|
|
90
|
+
const customOnBlur =
|
|
91
|
+
typeof inputProps.onBlur === "function"
|
|
92
|
+
? (inputProps.onBlur as () => void)
|
|
93
|
+
: () => {
|
|
94
|
+
//noop
|
|
95
|
+
}
|
|
96
|
+
const customOnFocus =
|
|
97
|
+
typeof inputProps.onFocus === "function"
|
|
98
|
+
? (inputProps.onFocus as () => void)
|
|
99
|
+
: () => {
|
|
100
|
+
//noop
|
|
101
|
+
}
|
|
90
102
|
inputProps = {
|
|
91
103
|
...inputProps,
|
|
92
|
-
onBlur: () =>
|
|
93
|
-
|
|
104
|
+
onBlur: () => {
|
|
105
|
+
formatValue()
|
|
106
|
+
customOnBlur()
|
|
107
|
+
},
|
|
108
|
+
onFocus: () => {
|
|
109
|
+
formatValue(true)
|
|
110
|
+
customOnFocus()
|
|
111
|
+
},
|
|
94
112
|
onChange: filterNumbers,
|
|
95
113
|
}
|
|
96
114
|
}
|
package/src/forms/PhoneMask.tsx
CHANGED
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import React from "react"
|
|
2
|
-
import
|
|
2
|
+
import { IMaskInput } from "react-imask"
|
|
3
3
|
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4
5
|
export const PhoneMask = React.forwardRef((props: any, ref: any) => {
|
|
5
6
|
const { value, onChange, name, disabled, placeholder } = props
|
|
6
7
|
|
|
7
8
|
return (
|
|
8
9
|
<>
|
|
9
|
-
<
|
|
10
|
-
|
|
10
|
+
<IMaskInput
|
|
11
|
+
aria-labelledby={"phone-label"}
|
|
11
12
|
className="input"
|
|
12
|
-
|
|
13
|
-
placeholder={placeholder ?? ""}
|
|
14
|
-
guide={false}
|
|
13
|
+
disabled={disabled}
|
|
15
14
|
id={name}
|
|
16
|
-
|
|
15
|
+
mask={"(000) 000-0000"}
|
|
17
16
|
name={name}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
onChange(e)
|
|
17
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
18
|
+
onAccept={(value, _) => {
|
|
19
|
+
onChange(value)
|
|
22
20
|
}}
|
|
21
|
+
placeholder={placeholder ?? ""}
|
|
23
22
|
ref={ref}
|
|
24
|
-
|
|
23
|
+
type="tel"
|
|
24
|
+
unmask={false}
|
|
25
|
+
value={value}
|
|
25
26
|
/>
|
|
26
27
|
</>
|
|
27
28
|
)
|