@bloom-housing/ui-components 12.0.0 → 12.0.2-alpha.1
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/PhoneMask.d.ts +1 -1
- package/dist/src/forms/PhoneMask.js +5 -4
- package/dist/src/forms/PhoneMask.js.map +1 -1
- package/dist/src/tables/StandardTable.d.ts +1 -1
- package/dist/src/tables/StandardTable.js +2 -2
- package/dist/src/tables/StandardTable.js.map +1 -1
- package/package.json +2 -1
- package/src/forms/PhoneMask.tsx +19 -17
- package/src/navigation/LanguageNav.scss +1 -1
- package/src/page_components/listing/ListingDetailHeader.scss +1 -1
- package/src/tables/StandardTable.tsx +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const PhoneMask: React.ForwardRefExoticComponent<
|
|
2
|
+
export declare const PhoneMask: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
|
|
@@ -2,9 +2,10 @@ import React from "react";
|
|
|
2
2
|
import MaskedInput from "react-text-mask";
|
|
3
3
|
export var PhoneMask = React.forwardRef(function (props, ref) {
|
|
4
4
|
var value = props.value, onChange = props.onChange, name = props.name, disabled = props.disabled, placeholder = props.placeholder;
|
|
5
|
-
return (React.createElement(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
return (React.createElement(React.Fragment, null,
|
|
6
|
+
React.createElement(MaskedInput, { mask: ["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/], className: "input", type: "tel", placeholder: placeholder || "(555) 555-5555", guide: false, id: name, value: value, name: name, disabled: disabled, onChange: function (e) {
|
|
7
|
+
e.persist();
|
|
8
|
+
onChange(e);
|
|
9
|
+
}, ref: ref, "aria-labelledby": "phone-label" })));
|
|
9
10
|
});
|
|
10
11
|
//# 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,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,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,IAAI,gBAAgB,EAC5C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,CAAM;
|
|
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,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,IAAI,gBAAgB,EAC5C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,GAC9B,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -13,7 +13,7 @@ export declare const Row: (props: {
|
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
}) => JSX.Element;
|
|
15
15
|
export declare const HeaderCell: (props: {
|
|
16
|
-
children
|
|
16
|
+
children?: React.ReactNode;
|
|
17
17
|
className?: string;
|
|
18
18
|
}) => JSX.Element;
|
|
19
19
|
export declare const Cell: (props: {
|
|
@@ -48,7 +48,7 @@ export var StandardTable = function (props) {
|
|
|
48
48
|
var _g = useState(), tableData = _g[0], setTableData = _g[1];
|
|
49
49
|
var headerLabels = (_a = Object.values(headers)) === null || _a === void 0 ? void 0 : _a.map(function (header, index) {
|
|
50
50
|
var uniqKey = process.env.NODE_ENV === "test" ? "header-".concat(index) : nanoid();
|
|
51
|
-
return (React.createElement(HeaderCell, { key: uniqKey, className: headerClassName(header) }, header && header !== "" ? getTranslationWithArguments(headerName(header)) :
|
|
51
|
+
return (React.createElement(HeaderCell, { key: uniqKey, className: headerClassName(header) }, header && header !== "" ? getTranslationWithArguments(headerName(header)) : undefined));
|
|
52
52
|
});
|
|
53
53
|
useEffect(function () {
|
|
54
54
|
setTableData(props.data);
|
|
@@ -78,7 +78,7 @@ export var StandardTable = function (props) {
|
|
|
78
78
|
: cell));
|
|
79
79
|
});
|
|
80
80
|
if (props.draggable) {
|
|
81
|
-
cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : t("t.sort"), className: "pl-5 ".concat(cellClassName !== null && cellClassName !== void 0 ? cellClassName :
|
|
81
|
+
cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : t("t.sort"), className: "pl-5 ".concat(cellClassName !== null && cellClassName !== void 0 ? cellClassName : "") }, dataIndex + 1));
|
|
82
82
|
cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-sort-draggable"), headerLabel: (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.sortString) !== null && _e !== void 0 ? _e : t("t.sort"), className: "table__draggable-cell pl-7" },
|
|
83
83
|
React.createElement(Icon, { symbol: faGripLines, size: "medium", fill: IconFillColors.primary, "aria-label": "Drag" })));
|
|
84
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardTable.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,qBAAqB,CAAA;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAA;AACpF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AAWzC,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,KAAqE,IAAK,OAAA,CAC5F,4BAAI,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzC,KAAK,CAAC,QAAQ,CACZ,CACN,EAJ6F,CAI7F,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"StandardTable.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.2-alpha.1",
|
|
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",
|
|
@@ -126,6 +126,7 @@
|
|
|
126
126
|
"@types/jwt-decode": "^2.2.1",
|
|
127
127
|
"@types/mdx": "^2.0.1",
|
|
128
128
|
"@types/node-polyglot": "^2.4.1",
|
|
129
|
+
"@types/react": "^18.0.32",
|
|
129
130
|
"@types/react-beautiful-dnd": "^13.1.1",
|
|
130
131
|
"@types/react-dom": "^16.9.5",
|
|
131
132
|
"@types/react-text-mask": "^5.4.6",
|
package/src/forms/PhoneMask.tsx
CHANGED
|
@@ -5,22 +5,24 @@ export const PhoneMask = React.forwardRef((props: any, ref: any) => {
|
|
|
5
5
|
const { value, onChange, name, disabled, placeholder } = props
|
|
6
6
|
|
|
7
7
|
return (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
e
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
8
|
+
<>
|
|
9
|
+
<MaskedInput
|
|
10
|
+
mask={["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/]}
|
|
11
|
+
className="input"
|
|
12
|
+
type="tel"
|
|
13
|
+
placeholder={placeholder || "(555) 555-5555"}
|
|
14
|
+
guide={false}
|
|
15
|
+
id={name}
|
|
16
|
+
value={value}
|
|
17
|
+
name={name}
|
|
18
|
+
disabled={disabled}
|
|
19
|
+
onChange={(e: any) => {
|
|
20
|
+
e.persist()
|
|
21
|
+
onChange(e)
|
|
22
|
+
}}
|
|
23
|
+
ref={ref}
|
|
24
|
+
aria-labelledby={"phone-label"}
|
|
25
|
+
/>
|
|
26
|
+
</>
|
|
25
27
|
)
|
|
26
28
|
})
|
|
@@ -21,7 +21,7 @@ export const Row = (props: { id?: string; className?: string; children: React.Re
|
|
|
21
21
|
</tr>
|
|
22
22
|
)
|
|
23
23
|
|
|
24
|
-
export const HeaderCell = (props: { children
|
|
24
|
+
export const HeaderCell = (props: { children?: React.ReactNode; className?: string }) => (
|
|
25
25
|
<th className={props.className}>
|
|
26
26
|
<span className={!props.children ? "sr-only" : ""}>
|
|
27
27
|
{!props.children ? "Actions" : props.children}
|
|
@@ -110,7 +110,7 @@ export const StandardTable = (props: StandardTableProps) => {
|
|
|
110
110
|
const uniqKey = process.env.NODE_ENV === "test" ? `header-${index}` : nanoid()
|
|
111
111
|
return (
|
|
112
112
|
<HeaderCell key={uniqKey} className={headerClassName(header)}>
|
|
113
|
-
{header && header !== "" ? getTranslationWithArguments(headerName(header)) :
|
|
113
|
+
{header && header !== "" ? getTranslationWithArguments(headerName(header)) : undefined}
|
|
114
114
|
</HeaderCell>
|
|
115
115
|
)
|
|
116
116
|
})
|
|
@@ -173,7 +173,7 @@ export const StandardTable = (props: StandardTableProps) => {
|
|
|
173
173
|
<Cell
|
|
174
174
|
key={`${dataIndex}-order-draggable`}
|
|
175
175
|
headerLabel={props.strings?.sortString ?? t("t.sort")}
|
|
176
|
-
className={`pl-5 ${cellClassName ??
|
|
176
|
+
className={`pl-5 ${cellClassName ?? ""}`}
|
|
177
177
|
>
|
|
178
178
|
{dataIndex + 1}
|
|
179
179
|
</Cell>
|