@twentyfirstmedia/ui-core 0.2.0 → 0.3.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/components/admin.d.ts.map +1 -1
- package/dist/components/admin.js +95 -71
- package/dist/components/admin.js.map +1 -1
- package/dist/components/agents.d.ts.map +1 -1
- package/dist/components/agents.js +49 -35
- package/dist/components/agents.js.map +1 -1
- package/dist/components/app-chrome.d.ts.map +1 -1
- package/dist/components/app-chrome.js +6 -2
- package/dist/components/app-chrome.js.map +1 -1
- package/dist/components/approvals.d.ts.map +1 -1
- package/dist/components/approvals.js +22 -18
- package/dist/components/approvals.js.map +1 -1
- package/dist/components/building-blocks.d.ts.map +1 -1
- package/dist/components/building-blocks.js +6 -2
- package/dist/components/building-blocks.js.map +1 -1
- package/dist/components/charts.d.ts.map +1 -1
- package/dist/components/charts.js +20 -10
- package/dist/components/charts.js.map +1 -1
- package/dist/components/chat.d.ts.map +1 -1
- package/dist/components/chat.js +31 -19
- package/dist/components/chat.js.map +1 -1
- package/dist/components/commerce.d.ts +2 -2
- package/dist/components/commerce.d.ts.map +1 -1
- package/dist/components/commerce.js +45 -31
- package/dist/components/commerce.js.map +1 -1
- package/dist/components/data-display.d.ts +5 -9
- package/dist/components/data-display.d.ts.map +1 -1
- package/dist/components/data-display.js +34 -35
- package/dist/components/data-display.js.map +1 -1
- package/dist/components/data-table.d.ts.map +1 -1
- package/dist/components/data-table.js +15 -10
- package/dist/components/data-table.js.map +1 -1
- package/dist/components/developer.d.ts.map +1 -1
- package/dist/components/developer.js +20 -11
- package/dist/components/developer.js.map +1 -1
- package/dist/components/feedback.d.ts.map +1 -1
- package/dist/components/feedback.js +12 -6
- package/dist/components/feedback.js.map +1 -1
- package/dist/components/form.d.ts +2 -1
- package/dist/components/form.d.ts.map +1 -1
- package/dist/components/form.js +12 -9
- package/dist/components/form.js.map +1 -1
- package/dist/components/forms.d.ts +2 -1
- package/dist/components/forms.d.ts.map +1 -1
- package/dist/components/forms.js +92 -42
- package/dist/components/forms.js.map +1 -1
- package/dist/components/foundation.d.ts +5 -2
- package/dist/components/foundation.d.ts.map +1 -1
- package/dist/components/foundation.js +15 -12
- package/dist/components/foundation.js.map +1 -1
- package/dist/components/inputs.d.ts.map +1 -1
- package/dist/components/inputs.js +3 -1
- package/dist/components/inputs.js.map +1 -1
- package/dist/components/mail.d.ts.map +1 -1
- package/dist/components/mail.js +15 -10
- package/dist/components/mail.js.map +1 -1
- package/dist/components/media.d.ts.map +1 -1
- package/dist/components/media.js +39 -18
- package/dist/components/media.js.map +1 -1
- package/dist/components/navigation.d.ts.map +1 -1
- package/dist/components/navigation.js +21 -9
- package/dist/components/navigation.js.map +1 -1
- package/dist/components/operations.d.ts.map +1 -1
- package/dist/components/operations.js +37 -27
- package/dist/components/operations.js.map +1 -1
- package/dist/components/previews.d.ts.map +1 -1
- package/dist/components/previews.js +14 -10
- package/dist/components/previews.js.map +1 -1
- package/dist/components/primitives.d.ts.map +1 -1
- package/dist/components/primitives.js +4 -1
- package/dist/components/primitives.js.map +1 -1
- package/dist/components/real-estate.d.ts.map +1 -1
- package/dist/components/real-estate.js +43 -28
- package/dist/components/real-estate.js.map +1 -1
- package/dist/components/rich-text-editor.d.ts.map +1 -1
- package/dist/components/rich-text-editor.js +18 -15
- package/dist/components/rich-text-editor.js.map +1 -1
- package/dist/components/select-menu.d.ts.map +1 -1
- package/dist/components/select-menu.js +4 -1
- package/dist/components/select-menu.js.map +1 -1
- package/dist/components/shell.d.ts.map +1 -1
- package/dist/components/shell.js +8 -3
- package/dist/components/shell.js.map +1 -1
- package/dist/components/site.d.ts.map +1 -1
- package/dist/components/site.js +17 -13
- package/dist/components/site.js.map +1 -1
- package/dist/components/types.d.ts +102 -3
- package/dist/components/types.d.ts.map +1 -1
- package/dist/components/workspace.d.ts.map +1 -1
- package/dist/components/workspace.js +50 -34
- package/dist/components/workspace.js.map +1 -1
- package/dist/context.d.ts +39 -0
- package/dist/context.d.ts.map +1 -0
- package/dist/context.js +76 -0
- package/dist/context.js.map +1 -0
- package/dist/format.d.ts +33 -6
- package/dist/format.d.ts.map +1 -1
- package/dist/format.js +75 -10
- package/dist/format.js.map +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/provider.d.ts +18 -11
- package/dist/provider.d.ts.map +1 -1
- package/dist/provider.js +11 -18
- package/dist/provider.js.map +1 -1
- package/dist/strings.d.ts +503 -0
- package/dist/strings.d.ts.map +1 -0
- package/dist/strings.js +537 -0
- package/dist/strings.js.map +1 -0
- package/package.json +1 -1
- package/src/components/admin.tsx +117 -93
- package/src/components/agents.tsx +55 -41
- package/src/components/app-chrome.tsx +6 -2
- package/src/components/approvals.tsx +26 -22
- package/src/components/building-blocks.tsx +6 -2
- package/src/components/charts.tsx +21 -11
- package/src/components/chat.tsx +45 -35
- package/src/components/commerce.tsx +61 -53
- package/src/components/data-display.tsx +38 -45
- package/src/components/data-table.tsx +20 -15
- package/src/components/developer.tsx +26 -15
- package/src/components/feedback.tsx +19 -7
- package/src/components/form.tsx +17 -9
- package/src/components/forms.tsx +131 -53
- package/src/components/foundation.tsx +23 -36
- package/src/components/inputs.tsx +4 -2
- package/src/components/mail.tsx +16 -11
- package/src/components/media.tsx +64 -21
- package/src/components/navigation.tsx +25 -13
- package/src/components/operations.tsx +40 -32
- package/src/components/previews.tsx +17 -15
- package/src/components/primitives.tsx +8 -5
- package/src/components/real-estate.tsx +55 -35
- package/src/components/rich-text-editor.tsx +20 -17
- package/src/components/select-menu.tsx +5 -2
- package/src/components/shell.tsx +8 -3
- package/src/components/site.tsx +18 -14
- package/src/components/types.ts +111 -3
- package/src/components/workspace.tsx +79 -60
- package/src/context.ts +112 -0
- package/src/format.ts +108 -15
- package/src/index.ts +43 -0
- package/src/provider.tsx +36 -40
- package/src/strings.ts +1500 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../src/components/feedback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../src/components/feedback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EAGf,SAAS,EACT,UAAU,EACV,aAAa,EAEb,UAAU,EACV,YAAY,EACb,MAAM,YAAY,CAAC;AAEpB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,qBAYxC;AAOD;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,qBA6HhC;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,UAAU,4BA8BlC;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,UAAU,qBAYlC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,qBAS5C;AAkBD,wBAAgB,KAAK,CAAC,CAAC,EAAE,UAAU,qBA+BlC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,4BA+ElD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE;IAAE,CAAC,EAAE,SAAS,CAAA;CAAE,qBA2E5C;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,qBAWtC"}
|
|
@@ -4,6 +4,8 @@ import * as React from "react";
|
|
|
4
4
|
import { leaving, usePresence } from "../presence.js";
|
|
5
5
|
import { moveFocus, useId } from "../hooks.js";
|
|
6
6
|
import { cx } from "../cx.js";
|
|
7
|
+
import { useStrings } from "../context.js";
|
|
8
|
+
import { FEEDBACK_STRINGS } from "../strings.js";
|
|
7
9
|
import { Icon } from "../Icon.js";
|
|
8
10
|
import { Portal } from "../portal.js";
|
|
9
11
|
import { getServerToasts, getToasts, subscribeToasts, toast, } from "../toast-store.js";
|
|
@@ -86,10 +88,11 @@ export function Menu(p) {
|
|
|
86
88
|
}) }));
|
|
87
89
|
}
|
|
88
90
|
export function Modal(p) {
|
|
91
|
+
const t = useStrings(FEEDBACK_STRINGS);
|
|
89
92
|
const pr = usePresence(p.open ?? true);
|
|
90
93
|
if (!pr.mounted)
|
|
91
94
|
return null;
|
|
92
|
-
return (_jsxs("div", { ...leaving(pr.closing), className: "tf-modal-wrap", style: p.style, children: [_jsx("div", { className: "tf-backdrop", "aria-hidden": true }), _jsxs("div", { className: "tf-modal", role: "dialog", "aria-modal": "true", "aria-label": p.title, children: [_jsx("span", { className: "tf-modal-close", children: _jsx(IconButton, { icon: "x", label:
|
|
95
|
+
return (_jsxs("div", { ...leaving(pr.closing), className: "tf-modal-wrap", style: p.style, children: [_jsx("div", { className: "tf-backdrop", "aria-hidden": true }), _jsxs("div", { className: "tf-modal", role: "dialog", "aria-modal": "true", "aria-label": p.title, children: [_jsx("span", { className: "tf-modal-close", children: _jsx(IconButton, { icon: "x", label: t.close, size: "sm", onClick: p.onClose }) }), p.icon && _jsx(TintIcon, { icon: p.icon, tint: p.tint || "sky", size: 40 }), _jsxs("div", { children: [_jsx("h2", { className: "tf-modal-title", children: p.title }), p.text && (_jsx("p", { className: "tf-modal-text", style: {
|
|
93
96
|
marginTop: 6,
|
|
94
97
|
}, children: p.text }))] }), p.children, p.actions && _jsx("div", { className: "tf-modal-foot", children: p.actions })] })] }));
|
|
95
98
|
}
|
|
@@ -114,10 +117,12 @@ const ALERT_ICON = {
|
|
|
114
117
|
highlight: "lilac",
|
|
115
118
|
};
|
|
116
119
|
export function Alert(p) {
|
|
120
|
+
const t = useStrings(FEEDBACK_STRINGS);
|
|
117
121
|
const tone = p.tone || "info";
|
|
118
|
-
return (_jsxs("div", { className: cx("tf-alert", "tf-alert-" + tone, p.className), role: tone === "danger" || tone === "warning" ? "alert" : "status", children: [_jsx("span", { className: "tf-alert-icon", children: _jsx(Icon, { name: p.icon || ALERT_ICON[tone], size: 15 }) }), _jsxs("div", { className: "tf-alert-body", children: [p.title && _jsx("b", { children: p.title }), p.children && _jsx("span", { children: p.children })] }), (p.action || p.onDismiss) && (_jsxs("div", { className: "tf-alert-actions", children: [p.action, p.onDismiss && (_jsx(IconButton, { icon: "x", label:
|
|
122
|
+
return (_jsxs("div", { className: cx("tf-alert", "tf-alert-" + tone, p.className), role: tone === "danger" || tone === "warning" ? "alert" : "status", children: [_jsx("span", { className: "tf-alert-icon", children: _jsx(Icon, { name: p.icon || ALERT_ICON[tone], size: 15 }) }), _jsxs("div", { className: "tf-alert-body", children: [p.title && _jsx("b", { children: p.title }), p.children && _jsx("span", { children: p.children })] }), (p.action || p.onDismiss) && (_jsxs("div", { className: "tf-alert-actions", children: [p.action, p.onDismiss && (_jsx(IconButton, { icon: "x", label: t.dismiss, size: "sm", variant: "ghost", onClick: p.onDismiss }))] }))] }));
|
|
119
123
|
}
|
|
120
124
|
export function ConfirmDialog(p) {
|
|
125
|
+
const t = useStrings(FEEDBACK_STRINGS);
|
|
121
126
|
const titleId = useId("confirm");
|
|
122
127
|
const typed = React.useState(""), ok = !p.confirmText || typed[0] === p.confirmText, cancel = React.useRef(null), pr = usePresence(!!p.open);
|
|
123
128
|
React.useEffect(() => {
|
|
@@ -140,11 +145,12 @@ export function ConfirmDialog(p) {
|
|
|
140
145
|
return null;
|
|
141
146
|
return (_jsx(Portal, { children: _jsxs("div", { ...leaving(pr.closing), className: "tf-overlay", children: [_jsx("div", { className: "tf-backdrop", onClick: p.onCancel }), _jsxs("div", { className: "tf-modal tf-confirm", role: "alertdialog", "aria-modal": "true", "aria-labelledby": titleId, children: [_jsx(TintIcon, { icon: p.icon || (p.danger ? "trash" : "check"), tint: p.danger ? "blush" : "sky", size: 40 }), _jsxs("div", { className: "tf-col", style: {
|
|
142
147
|
gap: 8,
|
|
143
|
-
}, children: [_jsx("h2", { id: titleId, className: "tf-modal-title tf-confirm-t", children: p.title }), p.text && _jsx("p", { className: "tf-modal-text", children: p.text })] }), p.confirmText && (_jsxs("label", { className: "tf-field", children: [
|
|
148
|
+
}, children: [_jsx("h2", { id: titleId, className: "tf-modal-title tf-confirm-t", children: p.title }), p.text && _jsx("p", { className: "tf-modal-text", children: p.text })] }), p.confirmText && (_jsxs("label", { className: "tf-field", children: [_jsx("span", { className: "tf-field-hint", children: t.typeToConfirm(_jsx("b", { className: "tf-mono", children: p.confirmText })) }), _jsx("input", { className: "tf-input", value: typed[0], onChange: (e) => {
|
|
144
149
|
typed[1](e.target.value);
|
|
145
|
-
}, autoComplete: "off" })] })), _jsxs("div", { className: "tf-modal-foot", children: [_jsx("button", { ref: cancel, type: "button", className: "tf-btn tf-btn-ghost", onClick: p.onCancel, children: p.cancelLabel ||
|
|
150
|
+
}, autoComplete: "off" })] })), _jsxs("div", { className: "tf-modal-foot", children: [_jsx("button", { ref: cancel, type: "button", className: "tf-btn tf-btn-ghost", onClick: p.onCancel, children: p.cancelLabel || t.cancel }), _jsx(Button, { variant: p.danger ? "danger-solid" : "primary", disabled: !ok, onClick: p.onConfirm, children: p.confirmLabel || t.confirm })] })] })] }) }));
|
|
146
151
|
}
|
|
147
152
|
export function ToastItem(p) {
|
|
153
|
+
const strings = useStrings(FEEDBACK_STRINGS);
|
|
148
154
|
const t = p.t, paused = React.useState(false), left = React.useRef(t.duration), last = React.useRef(Date.now());
|
|
149
155
|
React.useEffect(() => {
|
|
150
156
|
if (paused[0])
|
|
@@ -166,10 +172,10 @@ export function ToastItem(p) {
|
|
|
166
172
|
}, children: [_jsx(TintIcon, { icon: t.icon || ALERT_ICON[t.tone] || "check", tint: tint }), _jsx("span", { className: "tf-toast-text", children: t.text }), t.undo && (_jsx("button", { type: "button", className: "tf-toast-action", onClick: () => {
|
|
167
173
|
t.undo?.();
|
|
168
174
|
toast.dismiss(t.id);
|
|
169
|
-
}, children:
|
|
175
|
+
}, children: strings.undo })), t.action && (_jsx("button", { type: "button", className: "tf-toast-action", onClick: () => {
|
|
170
176
|
t.action?.onClick();
|
|
171
177
|
toast.dismiss(t.id);
|
|
172
|
-
}, children: t.action.label })), _jsx("button", { type: "button", className: "tf-toast-close", "aria-label":
|
|
178
|
+
}, children: t.action.label })), _jsx("button", { type: "button", className: "tf-toast-close", "aria-label": strings.dismiss, onClick: () => {
|
|
173
179
|
toast.dismiss(t.id);
|
|
174
180
|
}, children: _jsx(Icon, { name: "x", size: 13 }) }), _jsx("span", { className: "tf-toast-timer", style: {
|
|
175
181
|
animationDuration: t.duration + "ms",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feedback.js","sourceRoot":"","sources":["../../src/components/feedback.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"feedback.js","sourceRoot":"","sources":["../../src/components/feedback.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
* `aria-invalid`, and the first invalid field receives focus on submit.
|
|
5
5
|
*/
|
|
6
6
|
import * as React from "react";
|
|
7
|
+
import { FORM_STRINGS } from "../strings.js";
|
|
7
8
|
import type { FormProps, FormRule, FormValues } from "./types.js";
|
|
8
9
|
/** The validation message of the field `name` in the surrounding Form (if any). */
|
|
9
10
|
export declare function useFieldError(name: string | undefined): string | undefined;
|
|
10
11
|
/** Runs one field's rules; returns the message of the first rule that fails. */
|
|
11
|
-
export declare function checkRule(rule: FormRule, raw: string | string[] | undefined, values: FormValues): string | undefined;
|
|
12
|
+
export declare function checkRule(rule: FormRule, raw: string | string[] | undefined, values: FormValues, t?: typeof FORM_STRINGS): string | undefined;
|
|
12
13
|
export declare function Form(p: FormProps): React.JSX.Element;
|
|
13
14
|
//# sourceMappingURL=form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AACA;;;;GAIG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AACA;;;;GAIG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAOlE,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAG1E;AAID,gFAAgF;AAChF,wBAAgB,SAAS,CACvB,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,EAClC,MAAM,EAAE,UAAU,EAClB,CAAC,GAAE,OAAO,YAA2B,sBAiBtC;AAYD,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,qBAqEhC"}
|
package/dist/components/form.js
CHANGED
|
@@ -7,6 +7,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
7
7
|
*/
|
|
8
8
|
import * as React from "react";
|
|
9
9
|
import { cx } from "../cx.js";
|
|
10
|
+
import { useStrings } from "../context.js";
|
|
11
|
+
import { FORM_STRINGS } from "../strings.js";
|
|
10
12
|
const FormContext = React.createContext(null);
|
|
11
13
|
/** The validation message of the field `name` in the surrounding Form (if any). */
|
|
12
14
|
export function useFieldError(name) {
|
|
@@ -15,26 +17,26 @@ export function useFieldError(name) {
|
|
|
15
17
|
}
|
|
16
18
|
const EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
17
19
|
/** Runs one field's rules; returns the message of the first rule that fails. */
|
|
18
|
-
export function checkRule(rule, raw, values) {
|
|
20
|
+
export function checkRule(rule, raw, values, t = FORM_STRINGS) {
|
|
19
21
|
const value = Array.isArray(raw) ? raw.join(",") : (raw ?? "");
|
|
20
22
|
const empty = value.trim() === "";
|
|
21
23
|
if (rule.required && empty)
|
|
22
|
-
return typeof rule.required === "string" ? rule.required :
|
|
24
|
+
return typeof rule.required === "string" ? rule.required : t.fieldRequired;
|
|
23
25
|
if (empty)
|
|
24
26
|
return undefined;
|
|
25
27
|
if (rule.email && !EMAIL.test(value))
|
|
26
|
-
return rule.message ||
|
|
28
|
+
return rule.message || t.invalidEmail;
|
|
27
29
|
if (rule.minLength != null && value.length < rule.minLength)
|
|
28
|
-
return rule.message ||
|
|
30
|
+
return rule.message || t.minLength(rule.minLength);
|
|
29
31
|
if (rule.maxLength != null && value.length > rule.maxLength)
|
|
30
|
-
return rule.message ||
|
|
32
|
+
return rule.message || t.maxLength(rule.maxLength);
|
|
31
33
|
const n = Number(value.replace(/[^\d.-]/g, ""));
|
|
32
34
|
if (rule.min != null && n < rule.min)
|
|
33
|
-
return rule.message ||
|
|
35
|
+
return rule.message || t.minValue(rule.min);
|
|
34
36
|
if (rule.max != null && n > rule.max)
|
|
35
|
-
return rule.message ||
|
|
37
|
+
return rule.message || t.maxValue(rule.max);
|
|
36
38
|
if (rule.pattern && !rule.pattern.test(value))
|
|
37
|
-
return rule.message ||
|
|
39
|
+
return rule.message || t.invalidFormat;
|
|
38
40
|
return rule.validate?.(value, values) || undefined;
|
|
39
41
|
}
|
|
40
42
|
function read(form) {
|
|
@@ -47,6 +49,7 @@ function read(form) {
|
|
|
47
49
|
return out;
|
|
48
50
|
}
|
|
49
51
|
export function Form(p) {
|
|
52
|
+
const t = useStrings(FORM_STRINGS);
|
|
50
53
|
const ref = React.useRef(null);
|
|
51
54
|
const [errors, setErrors] = React.useState({});
|
|
52
55
|
const [tried, setTried] = React.useState(false);
|
|
@@ -56,7 +59,7 @@ export function Form(p) {
|
|
|
56
59
|
for (const [name, rule] of Object.entries(rules)) {
|
|
57
60
|
if (only && name !== only)
|
|
58
61
|
continue;
|
|
59
|
-
const msg = checkRule(rule, values[name], values);
|
|
62
|
+
const msg = checkRule(rule, values[name], values, t);
|
|
60
63
|
if (msg)
|
|
61
64
|
next[name] = msg;
|
|
62
65
|
else
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb;;;;GAIG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,8 @@ export declare function Segmented(p: SegmentedProps): React.JSX.Element;
|
|
|
7
7
|
export declare function norm(o: string | Option): Option;
|
|
8
8
|
export declare function Combobox(p: ComboboxProps): React.JSX.Element;
|
|
9
9
|
export declare function TagInput(p: TagInputProps): React.JSX.Element;
|
|
10
|
-
|
|
10
|
+
/** Short weekday names from the first day of the week (`locale` default en-US). */
|
|
11
|
+
export declare function weekdays(locale?: string): string[];
|
|
11
12
|
export declare function Calendar(p: CalendarProps): React.JSX.Element;
|
|
12
13
|
export declare function DatePicker(p: DatePickerProps): React.JSX.Element;
|
|
13
14
|
export declare function NumberInput(p: NumberInputProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/components/forms.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/components/forms.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,eAAe,EAEf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,aAAa,EACb,eAAe,EACf,cAAc,EACd,WAAW,EACX,aAAa,EACb,cAAc,EAEf,MAAM,YAAY,CAAC;AAGpB,wBAAgB,SAAS,CAAC,CAAC,EAAE,cAAc,qBAqC1C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,cAAc,qBA8D1C;AAKD,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,qBA2C5C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,cAAc,qBAuC1C;AAKD,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAO/C;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,qBAoMxC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,qBAwDxC;AAcD,mFAAmF;AACnF,wBAAgB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,YAevC;AA0BD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,qBA6FxC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,qBAsG5C;AAKD,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,qBAwD9C;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,WAAW,qBA8CpC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,qBAuDxC;AA0BD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,qBAyJxC"}
|
package/dist/components/forms.js
CHANGED
|
@@ -4,7 +4,9 @@ import * as React from "react";
|
|
|
4
4
|
import { leaving, usePresence } from "../presence.js";
|
|
5
5
|
import { cx } from "../cx.js";
|
|
6
6
|
import { useFieldError } from "./form.js";
|
|
7
|
-
import { formatDate,
|
|
7
|
+
import { formatDate, WEEK_START } from "../format.js";
|
|
8
|
+
import { useFormat, useStrings } from "../context.js";
|
|
9
|
+
import { FORMS_STRINGS } from "../strings.js";
|
|
8
10
|
import { Icon } from "../Icon.js";
|
|
9
11
|
import { useControlled, useId, useOutside } from "../hooks.js";
|
|
10
12
|
import { Avatar, IconButton, TintIcon } from "./foundation.js";
|
|
@@ -21,7 +23,7 @@ export function TextField(p) {
|
|
|
21
23
|
const id = p.id || auto;
|
|
22
24
|
const fromForm = useFieldError(p.name);
|
|
23
25
|
const error = p.error || fromForm;
|
|
24
|
-
return (_jsx(FormField, { id: id, label: p.label, required: p.required, optional: p.optional, hint: p.hint, error: error, success: p.success, children: _jsxs("span", { className: cx("tf-inputwrap", p.icon && "has-icon", (error || p.success || p.suffix) && "has-suffix"), children: [p.icon && _jsx(Icon, { name: p.icon, size: 15, className: "tf-input-icon" }), _jsx("input", { id: id, name: p.name, className: cx("tf-input", p.success && "is-valid"), type: p.type || "text", placeholder: p.placeholder, value: p.value, defaultValue: p.defaultValue, onChange: p.onChange, onBlur: p.onBlur, required: p.required, disabled: p.disabled, "aria-invalid": error ? "true" : undefined, "aria-describedby": error || p.hint ? `${id}-msg` : undefined, autoComplete: p.autoComplete }), error ? (_jsx("span", { className: "tf-input-suffix err", children: _jsx(Icon, { name: "x", size: 14 }) })) : p.success ? (_jsx("span", { className: "tf-input-suffix ok", children: _jsx(Icon, { name: "check", size: 14 }) })) : (p.suffix && _jsx("span", { className: "tf-input-suffix", children: p.suffix }))] }) }));
|
|
26
|
+
return (_jsx(FormField, { id: id, label: p.label, required: p.required, optional: p.optional, hint: p.hint, error: error, success: p.success, children: _jsxs("span", { className: cx("tf-inputwrap", p.icon && "has-icon", (error || p.success || p.suffix) && "has-suffix"), children: [p.icon && _jsx(Icon, { name: p.icon, size: 15, className: "tf-input-icon" }), _jsx("input", { id: id, name: p.name, className: cx("tf-input", p.success && "is-valid"), type: p.type || "text", placeholder: p.placeholder, value: p.value, defaultValue: p.defaultValue, onChange: p.onChange, onBlur: p.onBlur, required: p.required, disabled: p.disabled, readOnly: p.readOnly, min: p.min, max: p.max, step: p.step, minLength: p.minLength, maxLength: p.maxLength, pattern: p.pattern, inputMode: p.inputMode, autoFocus: p.autoFocus, "aria-invalid": error ? "true" : undefined, "aria-describedby": error || p.hint ? `${id}-msg` : undefined, autoComplete: p.autoComplete }), error ? (_jsx("span", { className: "tf-input-suffix err", children: _jsx(Icon, { name: "x", size: 14 }) })) : p.success ? (_jsx("span", { className: "tf-input-suffix ok", children: _jsx(Icon, { name: "check", size: 14 }) })) : (p.suffix && _jsx("span", { className: "tf-input-suffix", children: p.suffix }))] }) }));
|
|
25
27
|
}
|
|
26
28
|
/* ── Choice ── */
|
|
27
29
|
/* ── Choice ── */
|
|
@@ -64,6 +66,7 @@ export function norm(o) {
|
|
|
64
66
|
: o;
|
|
65
67
|
}
|
|
66
68
|
export function Combobox(p) {
|
|
69
|
+
const t = useStrings(FORMS_STRINGS);
|
|
67
70
|
const multi = !!p.multiple, opts = (p.options || []).map(norm), id = useId("cb");
|
|
68
71
|
const v = useControlled(p.value, p.defaultValue != null ? p.defaultValue : multi ? [] : null, p.onChange);
|
|
69
72
|
const q = React.useState(""), open = React.useState(false), act = React.useState(0), ref = React.useRef(null), inp = React.useRef(null);
|
|
@@ -127,7 +130,7 @@ export function Combobox(p) {
|
|
|
127
130
|
open[1](true);
|
|
128
131
|
inp.current && inp.current.focus();
|
|
129
132
|
}, children: [multi &&
|
|
130
|
-
selList.map((val) => (_jsxs("span", { className: "tf-token", children: [labelOf(val), _jsx("button", { type: "button", "aria-label":
|
|
133
|
+
selList.map((val) => (_jsxs("span", { className: "tf-token", children: [labelOf(val), _jsx("button", { type: "button", "aria-label": t.removeItem(labelOf(val)), onClick: (e) => {
|
|
131
134
|
e.stopPropagation();
|
|
132
135
|
v[1](selList.filter((x) => x !== val));
|
|
133
136
|
}, children: _jsx(Icon, { name: "x", size: 12 }) })] }, val))), _jsx("input", { ref: inp, id: id, role: "combobox", "aria-expanded": open[0], "aria-controls": id + "-list", "aria-autocomplete": "list", autoComplete: "off", className: "tf-combo-input", placeholder: multi
|
|
@@ -136,7 +139,7 @@ export function Combobox(p) {
|
|
|
136
139
|
: p.placeholder
|
|
137
140
|
: selOne != null && !q[0]
|
|
138
141
|
? labelOf(selOne)
|
|
139
|
-
: p.placeholder ||
|
|
142
|
+
: p.placeholder || t.selectPlaceholder, value: q[0], onChange: (e) => {
|
|
140
143
|
q[1](e.target.value);
|
|
141
144
|
open[1](true);
|
|
142
145
|
act[1](0);
|
|
@@ -146,7 +149,7 @@ export function Combobox(p) {
|
|
|
146
149
|
? {
|
|
147
150
|
"--ph": "var(--ink)",
|
|
148
151
|
}
|
|
149
|
-
: undefined }), _jsx("span", { className: "tf-combo-chev", children: _jsx(Icon, { name: "chevronDown", size: 15 }) })] }), openPr.mounted && (_jsxs("div", { ...leaving(openPr.closing), className: "tf-popover tf-combo-pop", id: id + "-list", role: "listbox", "aria-multiselectable": multi || undefined, children: [list.length === 0 && !canCreate &&
|
|
152
|
+
: undefined }), _jsx("span", { className: "tf-combo-chev", children: _jsx(Icon, { name: "chevronDown", size: 15 }) })] }), openPr.mounted && (_jsxs("div", { ...leaving(openPr.closing), className: "tf-popover tf-combo-pop", id: id + "-list", role: "listbox", "aria-multiselectable": multi || undefined, children: [list.length === 0 && !canCreate && _jsx("div", { className: "tf-combo-empty", children: t.noMatches }), list.map((o, i) => (_jsxs("div", { role: "option", "aria-selected": isOn(o), className: cx("tf-option", i === act[0] && "active", isOn(o) && "on"), onPointerDown: (e) => {
|
|
150
153
|
e.preventDefault();
|
|
151
154
|
}, onClick: () => {
|
|
152
155
|
pick(o);
|
|
@@ -159,9 +162,10 @@ export function Combobox(p) {
|
|
|
159
162
|
value: q[0].trim(),
|
|
160
163
|
label: q[0].trim(),
|
|
161
164
|
});
|
|
162
|
-
}, children: [_jsx(Icon, { name: "plus", size: 15 }), _jsx("span", { className: "tf-option-text", children:
|
|
165
|
+
}, children: [_jsx(Icon, { name: "plus", size: 15 }), _jsx("span", { className: "tf-option-text", children: t.createOption(q[0].trim()) })] }))] }))] }) }));
|
|
163
166
|
}
|
|
164
167
|
export function TagInput(p) {
|
|
168
|
+
const strings = useStrings(FORMS_STRINGS);
|
|
165
169
|
const v = useControlled(p.value, p.defaultValue || [], p.onChange), q = React.useState(""), id = useId("tag");
|
|
166
170
|
function add(raw) {
|
|
167
171
|
const t = raw.trim().replace(/,$/, "");
|
|
@@ -172,9 +176,9 @@ export function TagInput(p) {
|
|
|
172
176
|
return (_jsx(FormField, { id: id, label: p.label, hint: p.hint, error: p.error, children: _jsxs("div", { className: "tf-combo-box tf-tags", onClick: (e) => {
|
|
173
177
|
const i = e.currentTarget.querySelector("input");
|
|
174
178
|
i && i.focus();
|
|
175
|
-
}, children: [v[0].map((t) => (_jsxs("span", { className: "tf-token", children: [t, _jsx("button", { type: "button", "aria-label":
|
|
179
|
+
}, children: [v[0].map((t) => (_jsxs("span", { className: "tf-token", children: [t, _jsx("button", { type: "button", "aria-label": strings.removeItem(t), onClick: () => {
|
|
176
180
|
v[1](v[0].filter((x) => x !== t));
|
|
177
|
-
}, children: _jsx(Icon, { name: "x", size: 12 }) })] }, t))), _jsx("input", { id: id, className: "tf-combo-input", placeholder: v[0].length ? "" : p.placeholder ||
|
|
181
|
+
}, children: _jsx(Icon, { name: "x", size: 12 }) })] }, t))), _jsx("input", { id: id, className: "tf-combo-input", placeholder: v[0].length ? "" : p.placeholder || strings.tagPlaceholder, value: q[0], onChange: (e) => {
|
|
178
182
|
const s = e.target.value;
|
|
179
183
|
if (/,$/.test(s))
|
|
180
184
|
add(s);
|
|
@@ -192,19 +196,20 @@ export function TagInput(p) {
|
|
|
192
196
|
} })] }) }));
|
|
193
197
|
}
|
|
194
198
|
/* ── Date picker (single or range, with presets) ── */
|
|
195
|
-
function monthName(d) {
|
|
199
|
+
function monthName(d, locale) {
|
|
196
200
|
return formatDate(d, {
|
|
197
201
|
month: "long",
|
|
198
202
|
year: "numeric",
|
|
199
|
-
});
|
|
203
|
+
}, locale);
|
|
200
204
|
}
|
|
201
|
-
|
|
205
|
+
/** Short weekday names from the first day of the week (`locale` default en-US). */
|
|
206
|
+
export function weekdays(locale) {
|
|
202
207
|
const out = [];
|
|
203
208
|
for (let i = 0; i < 7; i++) {
|
|
204
209
|
const d = new Date(2024, 0, 1 + ((WEEK_START + i - 1) % 7));
|
|
205
210
|
out.push(formatDate(d, {
|
|
206
211
|
weekday: "short",
|
|
207
|
-
}));
|
|
212
|
+
}, locale));
|
|
208
213
|
}
|
|
209
214
|
return out;
|
|
210
215
|
}
|
|
@@ -218,8 +223,8 @@ function same(a, b) {
|
|
|
218
223
|
a.getMonth() === b.getMonth() &&
|
|
219
224
|
a.getDate() === b.getDate());
|
|
220
225
|
}
|
|
221
|
-
function fmtD(d) {
|
|
222
|
-
return d ? formatDate(d) : "";
|
|
226
|
+
function fmtD(d, locale) {
|
|
227
|
+
return d ? formatDate(d, undefined, locale) : "";
|
|
223
228
|
}
|
|
224
229
|
function addD(d, n) {
|
|
225
230
|
const x = new Date(d);
|
|
@@ -227,6 +232,8 @@ function addD(d, n) {
|
|
|
227
232
|
return x;
|
|
228
233
|
}
|
|
229
234
|
export function Calendar(p) {
|
|
235
|
+
const t = useStrings(FORMS_STRINGS);
|
|
236
|
+
const { locale } = useFormat();
|
|
230
237
|
const range = p.range ? (p.value ?? null) : null;
|
|
231
238
|
const today = d0(p.today || new Date()), sv = p.range ? range && range.from : p.value, base = p.month || (sv instanceof Date ? sv : null) || today;
|
|
232
239
|
const m = React.useState(new Date(base.getFullYear(), base.getMonth(), 1)), hov = React.useState(null);
|
|
@@ -237,14 +244,14 @@ export function Calendar(p) {
|
|
|
237
244
|
function move(n) {
|
|
238
245
|
m[1](new Date(first.getFullYear(), first.getMonth() + n, 1));
|
|
239
246
|
}
|
|
240
|
-
return (_jsxs("div", { className: "tf-cal", children: [_jsxs("div", { className: "tf-cal-head", children: [_jsx(IconButton, { icon: "chevronLeft", label:
|
|
247
|
+
return (_jsxs("div", { className: "tf-cal", children: [_jsxs("div", { className: "tf-cal-head", children: [_jsx(IconButton, { icon: "chevronLeft", label: t.previousMonth, size: "sm", variant: "soft", onClick: () => {
|
|
241
248
|
move(-1);
|
|
242
|
-
} }), _jsx("b", { children: monthName(first) }), _jsx(IconButton, { icon: "chevronRight", label:
|
|
249
|
+
} }), _jsx("b", { children: monthName(first, locale) }), _jsx(IconButton, { icon: "chevronRight", label: t.nextMonth, size: "sm", variant: "soft", onClick: () => {
|
|
243
250
|
move(1);
|
|
244
|
-
} })] }), _jsxs("div", { className: "tf-cal-grid", role: "group", "aria-label": monthName(first), children: [weekdays().map((w, i) => (_jsx("span", { className: "tf-cal-wd", children: w }, i))), days.map((d) => {
|
|
251
|
+
} })] }), _jsxs("div", { className: "tf-cal-grid", role: "group", "aria-label": monthName(first, locale), children: [weekdays(locale).map((w, i) => (_jsx("span", { className: "tf-cal-wd", children: w }, i))), days.map((d) => {
|
|
245
252
|
const out = d.getMonth() !== first.getMonth(), isFrom = same(d, from), isTo = same(d, to), inR = from && to && d > from && d < to;
|
|
246
253
|
const dis = (p.min && d < d0(p.min)) || (p.max && d > d0(p.max));
|
|
247
|
-
return (_jsx("button", { type: "button", disabled: dis, className: cx("tf-cal-day", out && "out", same(d, today) && "today", (isFrom || isTo) && "sel", inR && "inrange", isFrom && to && "start", isTo && from && "end"), "aria-pressed": isFrom || isTo, "aria-label": formatDate(d, { day: "numeric", month: "long", year: "numeric" }), onPointerEnter: () => {
|
|
254
|
+
return (_jsx("button", { type: "button", disabled: dis, className: cx("tf-cal-day", out && "out", same(d, today) && "today", (isFrom || isTo) && "sel", inR && "inrange", isFrom && to && "start", isTo && from && "end"), "aria-pressed": isFrom || isTo, "aria-label": formatDate(d, { day: "numeric", month: "long", year: "numeric" }, locale), onPointerEnter: () => {
|
|
248
255
|
p.range && hov[1](d);
|
|
249
256
|
}, onClick: () => {
|
|
250
257
|
if (!p.range)
|
|
@@ -263,6 +270,8 @@ export function Calendar(p) {
|
|
|
263
270
|
})] })] }));
|
|
264
271
|
}
|
|
265
272
|
export function DatePicker(p) {
|
|
273
|
+
const t = useStrings(FORMS_STRINGS);
|
|
274
|
+
const { locale } = useFormat();
|
|
266
275
|
const id = useId("dp"), v = useControlled(p.value, p.defaultValue ||
|
|
267
276
|
(p.range
|
|
268
277
|
? {
|
|
@@ -272,19 +281,19 @@ export function DatePicker(p) {
|
|
|
272
281
|
: null), p.onChange), today = d0(p.today || new Date());
|
|
273
282
|
const presets = p.presets !== false && p.range
|
|
274
283
|
? [
|
|
275
|
-
[
|
|
276
|
-
[
|
|
277
|
-
[
|
|
278
|
-
[
|
|
284
|
+
[t.lastDays(7), -6],
|
|
285
|
+
[t.lastDays(30), -29],
|
|
286
|
+
[t.lastDays(90), -89],
|
|
287
|
+
[t.thisYear, "y"],
|
|
279
288
|
]
|
|
280
289
|
: null;
|
|
281
290
|
const rv = p.range ? (v[0] ?? null) : null;
|
|
282
291
|
const txt = p.range
|
|
283
292
|
? rv && rv.from
|
|
284
|
-
? fmtD(rv.from) + " – " + (rv.to ? fmtD(rv.to) : "…")
|
|
293
|
+
? fmtD(rv.from, locale) + " – " + (rv.to ? fmtD(rv.to, locale) : "…")
|
|
285
294
|
: ""
|
|
286
|
-
: fmtD(v[0]);
|
|
287
|
-
return (_jsx(FormField, { id: id, label: p.label, required: p.required, hint: p.hint, error: p.error, className: p.className, children: _jsx(Popover, { block: true, width: presets ? 476 : 304, trigger: (s) => (_jsxs("button", { id: id, type: "button", className: cx("tf-input tf-picker", !txt && "empty"), "aria-haspopup": "dialog", "aria-expanded": s.open, onClick: s.toggle, children: [_jsx(Icon, { name: "calendar", size: 15 }), _jsx("span", { children: txt || p.placeholder || (p.range ?
|
|
295
|
+
: fmtD(v[0], locale);
|
|
296
|
+
return (_jsx(FormField, { id: id, label: p.label, required: p.required, hint: p.hint, error: p.error, className: p.className, children: _jsx(Popover, { block: true, width: presets ? 476 : 304, trigger: (s) => (_jsxs("button", { id: id, type: "button", className: cx("tf-input tf-picker", !txt && "empty"), "aria-haspopup": "dialog", "aria-expanded": s.open, onClick: s.toggle, children: [_jsx(Icon, { name: "calendar", size: 15 }), _jsx("span", { children: txt || p.placeholder || (p.range ? t.pickRange : t.pickDate) })] })), children: (s) => (_jsxs("div", { className: cx("tf-dp", presets && "with-presets"), children: [presets && (_jsx("div", { className: "tf-dp-presets", children: presets.map((pr) => {
|
|
288
297
|
const from = pr[1] === "y"
|
|
289
298
|
? new Date(today.getFullYear(), 0, 1)
|
|
290
299
|
: addD(today, pr[1]);
|
|
@@ -305,6 +314,7 @@ export function DatePicker(p) {
|
|
|
305
314
|
/* ── Number, slider, OTP, upload ── */
|
|
306
315
|
/* ── Number, slider, OTP, upload ── */
|
|
307
316
|
export function NumberInput(p) {
|
|
317
|
+
const t = useStrings(FORMS_STRINGS);
|
|
308
318
|
const id = useId("num"), v = useControlled(p.value, p.defaultValue != null ? p.defaultValue : 0, p.onChange), step = p.step || 1;
|
|
309
319
|
function set(n) {
|
|
310
320
|
if (p.min != null)
|
|
@@ -313,7 +323,7 @@ export function NumberInput(p) {
|
|
|
313
323
|
n = Math.min(p.max, n);
|
|
314
324
|
v[1](Math.round(n * 1000) / 1000);
|
|
315
325
|
}
|
|
316
|
-
return (_jsx(FormField, { id: id, label: p.label, hint: p.hint, error: p.error, children: _jsxs("div", { className: "tf-number", children: [_jsx(IconButton, { icon: "minus", label:
|
|
326
|
+
return (_jsx(FormField, { id: id, label: p.label, hint: p.hint, error: p.error, children: _jsxs("div", { className: "tf-number", children: [_jsx(IconButton, { icon: "minus", label: t.decrease, size: "sm", disabled: p.min != null && v[0] <= p.min, onClick: () => {
|
|
317
327
|
set(v[0] - step);
|
|
318
328
|
} }), _jsx("input", { id: id, className: "tf-number-input", inputMode: "decimal", value: v[0], onChange: (e) => {
|
|
319
329
|
const n = parseFloat(e.target.value);
|
|
@@ -330,7 +340,7 @@ export function NumberInput(p) {
|
|
|
330
340
|
e.preventDefault();
|
|
331
341
|
set(v[0] - step);
|
|
332
342
|
}
|
|
333
|
-
} }), p.unit && _jsx("span", { className: "tf-number-unit", children: p.unit }), _jsx(IconButton, { icon: "plus", label:
|
|
343
|
+
} }), p.unit && _jsx("span", { className: "tf-number-unit", children: p.unit }), _jsx(IconButton, { icon: "plus", label: t.increase, size: "sm", disabled: p.max != null && v[0] >= p.max, onClick: () => {
|
|
334
344
|
set(v[0] + step);
|
|
335
345
|
} })] }) }));
|
|
336
346
|
}
|
|
@@ -346,6 +356,7 @@ export function Slider(p) {
|
|
|
346
356
|
}, children: f(v[0]) })] }), p.marks !== false && (_jsxs("div", { className: "tf-slider-marks", children: [_jsx("span", { children: f(min) }), _jsx("span", { children: f(max) })] }))] }) }));
|
|
347
357
|
}
|
|
348
358
|
export function OtpInput(p) {
|
|
359
|
+
const t = useStrings(FORMS_STRINGS);
|
|
349
360
|
const n = p.length || 6, st = React.useState(Array(n).fill("")), refs = React.useRef([]);
|
|
350
361
|
function set(i, ch) {
|
|
351
362
|
const nx = st[0].slice();
|
|
@@ -356,9 +367,9 @@ export function OtpInput(p) {
|
|
|
356
367
|
if (nx.every(Boolean))
|
|
357
368
|
p.onComplete && p.onComplete(nx.join(""));
|
|
358
369
|
}
|
|
359
|
-
return (_jsx("div", { className: cx("tf-otp", p.error && "invalid"), role: "group", "aria-label": p.label ||
|
|
370
|
+
return (_jsx("div", { className: cx("tf-otp", p.error && "invalid"), role: "group", "aria-label": p.label || t.verificationCode, children: st[0].map((c, i) => (_jsxs(React.Fragment, { children: [i === n / 2 && n > 4 && _jsx("span", { className: "tf-otp-sep", "aria-hidden": true }), _jsx("input", { ref: (el) => {
|
|
360
371
|
refs.current[i] = el;
|
|
361
|
-
}, className: "tf-otp-cell", inputMode: "numeric", autoComplete: i === 0 ? "one-time-code" : "off", maxLength: 1, value: c, "aria-label":
|
|
372
|
+
}, className: "tf-otp-cell", inputMode: "numeric", autoComplete: i === 0 ? "one-time-code" : "off", maxLength: 1, value: c, "aria-label": t.digitN(i + 1), onChange: (e) => {
|
|
362
373
|
set(i, e.target.value.replace(/\D/g, "").slice(-1));
|
|
363
374
|
}, onKeyDown: (e) => {
|
|
364
375
|
if (e.key === "Backspace" && !st[0][i] && i > 0)
|
|
@@ -381,24 +392,58 @@ export function OtpInput(p) {
|
|
|
381
392
|
p.onComplete && p.onComplete(t);
|
|
382
393
|
} })] }, i))) }));
|
|
383
394
|
}
|
|
384
|
-
function fsize(b) {
|
|
395
|
+
function fsize(b, f) {
|
|
385
396
|
return b > 1048576
|
|
386
|
-
? `${formatNumber(b / 1048576, { maximumFractionDigits: 1 })} MB`
|
|
387
|
-
: `${formatNumber(Math.max(1, Math.round(b / 1024)))} KB`;
|
|
397
|
+
? `${f.formatNumber(b / 1048576, { maximumFractionDigits: 1 })} MB`
|
|
398
|
+
: `${f.formatNumber(Math.max(1, Math.round(b / 1024)))} KB`;
|
|
399
|
+
}
|
|
400
|
+
/** Whether a file matches an `accept` list ("image/*,.pdf,application/pdf"); empty accepts all. */
|
|
401
|
+
function acceptsFile(file, accept) {
|
|
402
|
+
const rules = (accept || "")
|
|
403
|
+
.split(",")
|
|
404
|
+
.map((r) => r.trim().toLowerCase())
|
|
405
|
+
.filter(Boolean);
|
|
406
|
+
if (!rules.length)
|
|
407
|
+
return true;
|
|
408
|
+
const name = file.name.toLowerCase(), type = (file.type || "").toLowerCase();
|
|
409
|
+
return rules.some((r) => r.startsWith(".")
|
|
410
|
+
? name.endsWith(r)
|
|
411
|
+
: r.endsWith("/*")
|
|
412
|
+
? type.startsWith(r.slice(0, -1))
|
|
413
|
+
: type === r);
|
|
388
414
|
}
|
|
389
415
|
export function FileDrop(p) {
|
|
390
|
-
const
|
|
416
|
+
const t = useStrings(FORMS_STRINGS);
|
|
417
|
+
const fm = useFormat();
|
|
418
|
+
const over = React.useState(false), files = useControlled(p.files, [], p.onChange), inp = React.useRef(null), timers = React.useRef([]);
|
|
419
|
+
// Simulated progress is a demo of the look; with `onFiles` the app reports real progress, so
|
|
420
|
+
// an uncontrolled list without simulation shows no progress at all.
|
|
421
|
+
const simulate = p.simulateProgress ?? !p.onFiles, tracked = simulate || p.files !== undefined;
|
|
422
|
+
React.useEffect(() => () => {
|
|
423
|
+
timers.current.forEach(clearInterval);
|
|
424
|
+
}, []);
|
|
391
425
|
function take(list) {
|
|
392
|
-
|
|
426
|
+
let picked = Array.from(list || []);
|
|
427
|
+
const rejected = picked.filter((f) => !acceptsFile(f, p.accept));
|
|
428
|
+
picked = picked.filter((f) => acceptsFile(f, p.accept));
|
|
429
|
+
if (p.multiple === false)
|
|
430
|
+
picked = picked.slice(0, 1);
|
|
431
|
+
if (rejected.length)
|
|
432
|
+
p.onReject?.(rejected);
|
|
433
|
+
if (!picked.length)
|
|
434
|
+
return;
|
|
435
|
+
p.onFiles?.(picked);
|
|
436
|
+
const add = picked.map((f) => ({
|
|
393
437
|
name: f.name,
|
|
394
438
|
size: f.size,
|
|
395
439
|
progress: 0,
|
|
440
|
+
file: f,
|
|
396
441
|
id: Math.random().toString(36).slice(2),
|
|
397
442
|
}));
|
|
398
|
-
if (!add.length)
|
|
399
|
-
return;
|
|
400
443
|
const all = (p.multiple === false ? [] : files[0]).concat(add);
|
|
401
444
|
files[1](all);
|
|
445
|
+
if (!simulate)
|
|
446
|
+
return;
|
|
402
447
|
add.forEach((f, k) => {
|
|
403
448
|
let t = 0;
|
|
404
449
|
const iv = setInterval(() => {
|
|
@@ -408,6 +453,7 @@ export function FileDrop(p) {
|
|
|
408
453
|
if (t >= 100)
|
|
409
454
|
clearInterval(iv);
|
|
410
455
|
}, 160 + k * 40);
|
|
456
|
+
timers.current.push(iv);
|
|
411
457
|
});
|
|
412
458
|
}
|
|
413
459
|
return (_jsxs("div", { className: "tf-col", style: {
|
|
@@ -428,19 +474,23 @@ export function FileDrop(p) {
|
|
|
428
474
|
e.preventDefault();
|
|
429
475
|
over[1](false);
|
|
430
476
|
take(e.dataTransfer.files);
|
|
431
|
-
}, children: [_jsx(TintIcon, { icon: "upload", tint: over[0] ? "mint" : "sky", size: 40 }), _jsx("b", { children: over[0] ?
|
|
477
|
+
}, children: [_jsx(TintIcon, { icon: "upload", tint: over[0] ? "mint" : "sky", size: 40 }), _jsx("b", { children: over[0] ? t.dropToUpload : p.title || t.dropFiles }), _jsx("span", { children: p.hint || t.dropHint }), _jsx("input", { ref: inp, type: "file", hidden: true, multiple: p.multiple !== false, accept: p.accept, onChange: (e) => {
|
|
432
478
|
take(e.target.files);
|
|
433
479
|
e.target.value = "";
|
|
434
480
|
} })] }), files[0].length > 0 && (_jsx("div", { className: "tf-col", style: {
|
|
435
481
|
gap: 8,
|
|
436
482
|
}, children: files[0].map((f) => {
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
483
|
+
// untracked: a file that is only listed (the app uploads it, or not yet)
|
|
484
|
+
const pending = tracked && f.progress < 100, done = tracked && f.progress >= 100;
|
|
485
|
+
return (_jsxs("div", { className: "tf-upload", children: [_jsx(TintIcon, { icon: "file", tint: pending ? "sky" : "mint" }), _jsxs("div", { className: "tf-upload-text", children: [_jsx("b", { children: f.name }), _jsx("span", { children: done
|
|
486
|
+
? t.uploaded(fsize(f.size, fm))
|
|
487
|
+
: pending
|
|
488
|
+
? fm.formatPercent(Math.round(f.progress)) + " · " + fsize(f.size, fm)
|
|
489
|
+
: fsize(f.size, fm) }), pending && (_jsx("span", { className: "tf-progress", role: "progressbar", "aria-label": f.name, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(f.progress), children: _jsx("span", { style: {
|
|
441
490
|
width: f.progress + "%",
|
|
442
|
-
} }) }))] }), _jsx(IconButton, { icon:
|
|
491
|
+
} }) }))] }), _jsx(IconButton, { icon: pending ? "x" : "trash", label: pending ? t.cancelUpload : t.removeItem(f.name), size: "sm", onClick: () => {
|
|
443
492
|
files[1](files[0].filter((x) => x.id !== f.id));
|
|
493
|
+
p.onRemove?.(f);
|
|
444
494
|
} })] }, f.id));
|
|
445
495
|
}) }))] }));
|
|
446
496
|
}
|