@parallelworks/ui 0.48.1 → 0.49.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/assets/editor.worker-Cc3TfJ_-.js +60 -0
- package/dist/assets/{json.worker-Dqgjpq9F.js → json.worker-BKkHJbNB.js} +6 -6
- package/dist/assets/{yaml.worker-DLx0whrM.js → yaml.worker-k9AdOqzf.js} +28 -28
- package/dist/components/OneTimeCodeInput.d.ts +3 -1
- package/dist/components/OneTimeCodeInput.js +2 -1
- package/dist/editor/workers.js +3 -3
- package/package.json +6 -6
- package/dist/assets/editor.worker-DfmPPyOL.js +0 -60
|
@@ -7,6 +7,8 @@ export interface OneTimeCodeInputProps extends Omit<OTPField.Root.Props, 'classN
|
|
|
7
7
|
size?: FieldBoxSize | undefined;
|
|
8
8
|
'aria-invalid'?: boolean | undefined;
|
|
9
9
|
'aria-required'?: boolean | undefined;
|
|
10
|
+
/** Focuses the first box on mount, for a page or dialog whose only task is entering the code. */
|
|
11
|
+
autoFocus?: boolean | undefined;
|
|
10
12
|
/** On the row of boxes: its margin or gap. */
|
|
11
13
|
className?: string | undefined;
|
|
12
14
|
}
|
|
@@ -20,4 +22,4 @@ export interface OneTimeCodeInputProps extends Omit<OTPField.Root.Props, 'classN
|
|
|
20
22
|
* Name it with a Field or a `<label>` for its `id`, which is the first box's, or with
|
|
21
23
|
* `aria-label`.
|
|
22
24
|
*/
|
|
23
|
-
export declare function OneTimeCodeInput({ length, size, className, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, ...rootProps }: OneTimeCodeInputProps): import("react").JSX.Element;
|
|
25
|
+
export declare function OneTimeCodeInput({ length, size, className, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, autoFocus, ...rootProps }: OneTimeCodeInputProps): import("react").JSX.Element;
|
|
@@ -15,7 +15,7 @@ import { OTPField } from "@base-ui/react/otp-field";
|
|
|
15
15
|
* Name it with a Field or a `<label>` for its `id`, which is the first box's, or with
|
|
16
16
|
* `aria-label`.
|
|
17
17
|
*/
|
|
18
|
-
function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ariaLabel, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, ...rootProps }) {
|
|
18
|
+
function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ariaLabel, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, autoFocus, ...rootProps }) {
|
|
19
19
|
const t = useStrings().oneTimeCode;
|
|
20
20
|
const labelId = useId();
|
|
21
21
|
return /* @__PURE__ */ jsxs(OTPField.Root, {
|
|
@@ -31,6 +31,7 @@ function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ar
|
|
|
31
31
|
...index > 0 ? { "aria-label": t.character(index + 1, length) } : ariaLabel ? { "aria-labelledby": labelId } : {},
|
|
32
32
|
...ariaInvalid && { "aria-invalid": true },
|
|
33
33
|
...ariaRequired && { "aria-required": true },
|
|
34
|
+
autoFocus: autoFocus && index === 0,
|
|
34
35
|
className: cx(fieldBox({ size }), "px-0 text-center font-mono tabular-nums", size === "sm" ? "w-7" : "w-9 text-base")
|
|
35
36
|
}, index))]
|
|
36
37
|
});
|
package/dist/editor/workers.js
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
var monacoEnvironment = { getWorker(_moduleId, label) {
|
|
3
3
|
if (label === "json") return new Worker(new URL(
|
|
4
4
|
/* @vite-ignore */
|
|
5
|
-
new URL("../assets/json.worker-
|
|
5
|
+
new URL("../assets/json.worker-BKkHJbNB.js", import.meta.url).href,
|
|
6
6
|
"" + import.meta.url
|
|
7
7
|
), { type: "module" });
|
|
8
8
|
return new Worker(new URL(
|
|
9
9
|
/* @vite-ignore */
|
|
10
|
-
new URL("../assets/editor.worker-
|
|
10
|
+
new URL("../assets/editor.worker-Cc3TfJ_-.js", import.meta.url).href,
|
|
11
11
|
"" + import.meta.url
|
|
12
12
|
), { type: "module" });
|
|
13
13
|
} };
|
|
@@ -27,7 +27,7 @@ function setupMonacoWorkers() {
|
|
|
27
27
|
function createYamlWorker() {
|
|
28
28
|
return new Worker(new URL(
|
|
29
29
|
/* @vite-ignore */
|
|
30
|
-
new URL("../assets/yaml.worker-
|
|
30
|
+
new URL("../assets/yaml.worker-k9AdOqzf.js", import.meta.url).href,
|
|
31
31
|
"" + import.meta.url
|
|
32
32
|
), { type: "module" });
|
|
33
33
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@parallelworks/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.49.0",
|
|
4
4
|
"description": "React UI components: a theme contract, icons, brand logos, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"clsx": "^2.1.1",
|
|
97
97
|
"css-tree": "^3.2.1",
|
|
98
98
|
"dequal": "^2.0.3",
|
|
99
|
-
"lucide-react": "1.
|
|
99
|
+
"lucide-react": "1.52.0",
|
|
100
100
|
"luxon": "^3.7.2",
|
|
101
101
|
"react-zoom-pan-pinch": "^4.2.0",
|
|
102
102
|
"shiki": "^4.5.0",
|
|
@@ -117,11 +117,11 @@
|
|
|
117
117
|
"@types/node": "^26.6.4",
|
|
118
118
|
"@types/react": "19.3.0",
|
|
119
119
|
"@types/react-dom": "19.3.0",
|
|
120
|
-
"@vitejs/plugin-react": "^6.1.
|
|
121
|
-
"jsdom": "^30.1.
|
|
120
|
+
"@vitejs/plugin-react": "^6.1.2",
|
|
121
|
+
"jsdom": "^30.1.2",
|
|
122
122
|
"monaco-editor": "^0.57.0",
|
|
123
123
|
"path-browserify": "^1.0.1",
|
|
124
|
-
"playwright-core": "1.
|
|
124
|
+
"playwright-core": "1.63.0",
|
|
125
125
|
"publint": "^0.3.25",
|
|
126
126
|
"react": "19.3.0",
|
|
127
127
|
"react-dom": "19.3.0",
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
"tailwindcss": "^4.3.3",
|
|
131
131
|
"typescript": "^7.0.2",
|
|
132
132
|
"url": "^0.11.4",
|
|
133
|
-
"vite": "^8.3.
|
|
133
|
+
"vite": "^8.3.3",
|
|
134
134
|
"vitest": "^5.0.3",
|
|
135
135
|
"yaml-language-server": "^1.24.0"
|
|
136
136
|
},
|