@texaryn/react 0.6.0 → 0.8.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/CHANGELOG.md +26 -0
- package/README.md +14 -2
- package/dist/components/DocumentRoot.d.ts +13 -0
- package/dist/components/DocumentRoot.d.ts.map +1 -0
- package/dist/components/DocumentRoot.js +69 -0
- package/dist/components/DocumentRoot.js.map +1 -0
- package/dist/components/ErrorSummary.d.ts.map +1 -1
- package/dist/components/ErrorSummary.js +11 -1
- package/dist/components/ErrorSummary.js.map +1 -1
- package/dist/components/FieldErrors.d.ts.map +1 -1
- package/dist/components/FieldErrors.js +3 -1
- package/dist/components/FieldErrors.js.map +1 -1
- package/dist/components/FormRoot.d.ts +1 -0
- package/dist/components/FormRoot.d.ts.map +1 -1
- package/dist/components/FormRoot.js +1 -0
- package/dist/components/FormRoot.js.map +1 -1
- package/dist/hooks/use-array-drag.d.ts +15 -0
- package/dist/hooks/use-array-drag.d.ts.map +1 -0
- package/dist/hooks/use-array-drag.js +134 -0
- package/dist/hooks/use-array-drag.js.map +1 -0
- package/dist/hooks/use-field-binding.d.ts +3 -1
- package/dist/hooks/use-field-binding.d.ts.map +1 -1
- package/dist/hooks/use-field-binding.js +6 -2
- package/dist/hooks/use-field-binding.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/widgets/ArrayControl.d.ts.map +1 -1
- package/dist/widgets/ArrayControl.js +7 -5
- package/dist/widgets/ArrayControl.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @texaryn/react
|
|
2
2
|
|
|
3
|
+
## 0.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 3e79b3e: Give every renderer one localized validation message contract and normalize
|
|
8
|
+
adapter parameters so built-in widgets do not display evaluator diagnostics.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies [35cb55f]
|
|
13
|
+
- Updated dependencies [3e79b3e]
|
|
14
|
+
- @texaryn/core@0.16.0
|
|
15
|
+
|
|
16
|
+
## 0.7.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- 2c2786f: Add a standalone version 2 display document runtime, semantic renderer roots, bounded server update sessions, and validated host action arguments.
|
|
21
|
+
- 2c2786f: Add native drag reorder to every array renderer while retaining the existing accessible move controls.
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies [2c2786f]
|
|
26
|
+
- Updated dependencies [2c2786f]
|
|
27
|
+
- @texaryn/core@0.15.0
|
|
28
|
+
|
|
3
29
|
## 0.6.0
|
|
4
30
|
|
|
5
31
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -48,8 +48,16 @@ function App() {
|
|
|
48
48
|
|
|
49
49
|
return (
|
|
50
50
|
<FormProvider value={form.runtime}>
|
|
51
|
-
<
|
|
52
|
-
|
|
51
|
+
<form
|
|
52
|
+
noValidate
|
|
53
|
+
onSubmit={(event) => {
|
|
54
|
+
event.preventDefault()
|
|
55
|
+
form.dispatch({ type: 'Submit' })
|
|
56
|
+
}}
|
|
57
|
+
>
|
|
58
|
+
<FormRoot registry={registry} />
|
|
59
|
+
<button type="submit">Submit</button>
|
|
60
|
+
</form>
|
|
53
61
|
</FormProvider>
|
|
54
62
|
)
|
|
55
63
|
}
|
|
@@ -122,6 +130,10 @@ Renders the root node of the current `UIDocument` using a renderer registry:
|
|
|
122
130
|
<FormRoot registry={registry} />
|
|
123
131
|
```
|
|
124
132
|
|
|
133
|
+
`FormRoot` renders the tree only. The application owns the native `<form>` and
|
|
134
|
+
connects its submit event to `form.dispatch({ type: 'Submit' })`, as in the
|
|
135
|
+
quick start. This keeps the renderer safe to compose inside an existing form.
|
|
136
|
+
|
|
125
137
|
### `NodeRenderer`
|
|
126
138
|
|
|
127
139
|
Renders an individual semantic UI node and resolves the matching widget through the registry.
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ComponentType } from 'react';
|
|
2
|
+
import type { DocumentNode, DocumentRuntime, RendererRegistry } from '@texaryn/core';
|
|
3
|
+
export type DocumentWidgetComponent = ComponentType<{
|
|
4
|
+
node: DocumentNode;
|
|
5
|
+
runtime: DocumentRuntime;
|
|
6
|
+
}>;
|
|
7
|
+
export interface DocumentRootProps {
|
|
8
|
+
runtime: DocumentRuntime;
|
|
9
|
+
registry?: RendererRegistry<DocumentWidgetComponent, DocumentNode>;
|
|
10
|
+
onActionError?: (error: unknown) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function DocumentRoot({ runtime, registry, onActionError }: DocumentRootProps): import("react").JSX.Element | null;
|
|
13
|
+
//# sourceMappingURL=DocumentRoot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DocumentRoot.d.ts","sourceRoot":"","sources":["../../src/components/DocumentRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAEf,gBAAgB,EAEjB,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;IAClD,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,eAAe,CAAA;CACzB,CAAC,CAAA;AAEF,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,uBAAuB,EAAE,YAAY,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC;AAuFD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,aAA6B,EAAE,EAAE,iBAAiB,sCASnG"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
import { useStore } from '../hooks/use-store.js';
|
|
4
|
+
const DocumentContext = createContext(null);
|
|
5
|
+
function useDocumentContext() {
|
|
6
|
+
const context = useContext(DocumentContext);
|
|
7
|
+
if (!context)
|
|
8
|
+
throw new Error('DocumentRoot must contain every display node');
|
|
9
|
+
return context;
|
|
10
|
+
}
|
|
11
|
+
function useRows(nodeId) {
|
|
12
|
+
const { runtime } = useDocumentContext();
|
|
13
|
+
const store = runtime.getCollection(nodeId);
|
|
14
|
+
if (!store)
|
|
15
|
+
throw new Error(`Node ${nodeId} is not a collection`);
|
|
16
|
+
return useStore(store);
|
|
17
|
+
}
|
|
18
|
+
function DisplayNodeView({ nodeId }) {
|
|
19
|
+
const { runtime, document, registry, onActionError } = useDocumentContext();
|
|
20
|
+
const node = document.nodes[nodeId];
|
|
21
|
+
if (!node)
|
|
22
|
+
return null;
|
|
23
|
+
const Widget = registry?.resolve(node);
|
|
24
|
+
if (Widget)
|
|
25
|
+
return _jsx(Widget, { node: node, runtime: runtime });
|
|
26
|
+
if (node.type === 'container') {
|
|
27
|
+
const children = node.children.map((childId) => _jsx(DisplayNodeView, { nodeId: childId }, childId));
|
|
28
|
+
if (node.containerType === 'group') {
|
|
29
|
+
return _jsxs("fieldset", { children: [_jsx("legend", { children: node.annotations.title }), children] });
|
|
30
|
+
}
|
|
31
|
+
return _jsx("div", { "data-texaryn-layout": "", children: children });
|
|
32
|
+
}
|
|
33
|
+
if (node.type === 'text') {
|
|
34
|
+
if (node.textRole === 'heading')
|
|
35
|
+
return _jsx("h2", { children: node.content });
|
|
36
|
+
if (node.textRole === 'help')
|
|
37
|
+
return _jsx("p", { role: "note", children: node.content });
|
|
38
|
+
return _jsx("p", { children: node.content });
|
|
39
|
+
}
|
|
40
|
+
if (node.type === 'list')
|
|
41
|
+
return _jsx(DisplayList, { node: node });
|
|
42
|
+
if (node.type === 'table')
|
|
43
|
+
return _jsx(DisplayTable, { node: node });
|
|
44
|
+
if (node.type === 'action') {
|
|
45
|
+
return (_jsx("button", { type: "button", disabled: !runtime.hasActionHandler(node.actionType), onClick: () => {
|
|
46
|
+
void runtime.invokeAction(node.id).catch(onActionError);
|
|
47
|
+
}, children: node.label }));
|
|
48
|
+
}
|
|
49
|
+
return null;
|
|
50
|
+
}
|
|
51
|
+
function DisplayList({ node }) {
|
|
52
|
+
const rows = useRows(node.id);
|
|
53
|
+
return _jsx("ul", { children: rows.map((row) => _jsx("li", { children: row.value === null ? '' : String(row.value) }, row.id)) });
|
|
54
|
+
}
|
|
55
|
+
function DisplayTable({ node }) {
|
|
56
|
+
const rows = useRows(node.id);
|
|
57
|
+
return (_jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: node.columns.map((column) => _jsx("th", { scope: "col", children: column.label }, column.id)) }) }), _jsx("tbody", { children: rows.map((row) => (_jsx("tr", { children: node.columns.map((column, index) => {
|
|
58
|
+
const value = row.cells[index] ?? null;
|
|
59
|
+
return _jsx("td", { children: value === null ? '' : String(value) }, column.id);
|
|
60
|
+
}) }, row.id))) })] }));
|
|
61
|
+
}
|
|
62
|
+
export function DocumentRoot({ runtime, registry, onActionError = console.error }) {
|
|
63
|
+
const document = useStore(runtime.document);
|
|
64
|
+
const context = { runtime, document, registry, onActionError };
|
|
65
|
+
if (!document.nodes[document.rootId])
|
|
66
|
+
return null;
|
|
67
|
+
return (_jsx(DocumentContext.Provider, { value: context, children: _jsx(DisplayNodeView, { nodeId: document.rootId }) }));
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=DocumentRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DocumentRoot.js","sourceRoot":"","sources":["../../src/components/DocumentRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,mIAAmI;AACnI,wBAAgB,YAAY,CAAC,EAAE,KAAY,EAAE,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,mIAAmI;AACnI,wBAAgB,YAAY,CAAC,EAAE,KAAY,EAAE,EAAE,iBAAiB,sCAgD/D"}
|
|
@@ -26,6 +26,16 @@ export function ErrorSummary({ focus = true }) {
|
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
28
|
const headingId = makeId(idPrefix, 'error-summary', 'heading');
|
|
29
|
-
return (_jsxs("div", { role: "group", tabIndex: -1, "aria-labelledby": headingId, ref: container, children: [_jsx("h2", { id: headingId, children: messages.errorSummaryHeading({ count: visibleErrors.length }) }), _jsx("ul", { children: visibleErrors.map((entry) => (_jsxs("li", { children: [_jsx("a", { href: `#${makeId(idPrefix, entry.nodeId, 'input')}`,
|
|
29
|
+
return (_jsxs("div", { role: "group", tabIndex: -1, "aria-labelledby": headingId, ref: container, children: [_jsx("h2", { id: headingId, children: messages.errorSummaryHeading({ count: visibleErrors.length }) }), _jsx("ul", { children: visibleErrors.map((entry) => (_jsxs("li", { children: [_jsx("a", { href: `#${makeId(idPrefix, entry.nodeId, 'input')}`, onClick: (event) => {
|
|
30
|
+
const id = makeId(idPrefix, entry.nodeId, 'input');
|
|
31
|
+
const root = event.currentTarget.getRootNode();
|
|
32
|
+
if (root instanceof ShadowRoot) {
|
|
33
|
+
const target = root.getElementById(id);
|
|
34
|
+
if (target instanceof HTMLElement) {
|
|
35
|
+
event.preventDefault();
|
|
36
|
+
target.focus();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}, children: visibleErrorLabel(entry, messages) }), messages.errorSummaryDetail({ messages: visibleErrorMessages(entry, messages) })] }, entry.nodeId))) })] }));
|
|
30
40
|
}
|
|
31
41
|
//# sourceMappingURL=ErrorSummary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAElG,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAOhD,mIAAmI;AACnI,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,EAAqB;IAC9D,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACrD,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAA;IACxD,OAAO,CAAC,OAAO,KAAK,yBAAyB,CAAC,UAAU,CAAC,CAAA;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC;YAAE,OAAM;QAC/D,IAAI,KAAK,IAAI,SAAS,CAAC,OAAO,EAAE,WAAW;YAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IACxE,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC,CAAA;IAC9D,OAAO,CACL,eAAK,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,CAAC,qBAAmB,SAAS,EAAE,GAAG,EAAE,SAAS,aACxE,aAAI,EAAE,EAAE,SAAS,YAAG,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,GAAM,EACvF,uBACG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,EAAE,CAAC,CAC1C,yBACE,
|
|
1
|
+
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldErrors.d.ts","sourceRoot":"","sources":["../../src/components/FieldErrors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"FieldErrors.d.ts","sourceRoot":"","sources":["../../src/components/FieldErrors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK/D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,UAAU,EAAE,OAAO,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,gBAAgB,+BAYzE"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { getErrorProps } from '../props/index.js';
|
|
3
3
|
import { useFormIdPrefix } from '../id-prefix.js';
|
|
4
|
+
import { useFormMessages } from '../messages.js';
|
|
4
5
|
/**
|
|
5
6
|
* Always rendered, and empty while there is nothing to say. Returning null
|
|
6
7
|
* until an error exists meant the region arrived already populated, which is
|
|
@@ -8,7 +9,8 @@ import { useFormIdPrefix } from '../id-prefix.js';
|
|
|
8
9
|
*/
|
|
9
10
|
export function FieldErrors({ node, errors, showErrors }) {
|
|
10
11
|
const idPrefix = useFormIdPrefix();
|
|
12
|
+
const messages = useFormMessages();
|
|
11
13
|
const visible = showErrors ? errors : [];
|
|
12
|
-
return (_jsx("div", { ...getErrorProps(node, idPrefix), children: visible.map((error, index) => (_jsx("div", { children:
|
|
14
|
+
return (_jsx("div", { ...getErrorProps(node, idPrefix), children: visible.map((error, index) => (_jsx("div", { children: messages.validationMessage(error) }, index))) }));
|
|
13
15
|
}
|
|
14
16
|
//# sourceMappingURL=FieldErrors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldErrors.js","sourceRoot":"","sources":["../../src/components/FieldErrors.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"FieldErrors.js","sourceRoot":"","sources":["../../src/components/FieldErrors.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAQhD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAoB;IACxE,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAExC,OAAO,CACL,iBAAS,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,YACnC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,wBAAkB,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAzC,KAAK,CAA2C,CAC3D,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -3,5 +3,6 @@ import type { WidgetComponent } from './renderer-context.js';
|
|
|
3
3
|
export interface FormRootProps {
|
|
4
4
|
registry: RendererRegistry<WidgetComponent>;
|
|
5
5
|
}
|
|
6
|
+
/** Renders the UI document tree. The consumer owns any native form element and submit handler. */
|
|
6
7
|
export declare function FormRoot({ registry }: FormRootProps): import("react").JSX.Element | null;
|
|
7
8
|
//# sourceMappingURL=FormRoot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRoot.d.ts","sourceRoot":"","sources":["../../src/components/FormRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;CAC5C;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,sCAUnD"}
|
|
1
|
+
{"version":3,"file":"FormRoot.d.ts","sourceRoot":"","sources":["../../src/components/FormRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;CAC5C;AAED,kGAAkG;AAClG,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,sCAUnD"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useFormContext } from '../context.js';
|
|
3
3
|
import { useStore } from '../hooks/use-store.js';
|
|
4
4
|
import { NodeRenderer } from './NodeRenderer.js';
|
|
5
|
+
/** Renders the UI document tree. The consumer owns any native form element and submit handler. */
|
|
5
6
|
export function FormRoot({ registry }) {
|
|
6
7
|
const runtime = useFormContext();
|
|
7
8
|
const document = useStore(runtime.document);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRoot.js","sourceRoot":"","sources":["../../src/components/FormRoot.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEhD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;AACjF,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormRoot.js","sourceRoot":"","sources":["../../src/components/FormRoot.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,kGAAkG;AAClG,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEhD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;AACjF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { HTMLAttributes, RefObject } from 'react';
|
|
2
|
+
import type { NodeId, StableItemId } from '@texaryn/core';
|
|
3
|
+
export interface ArrayDragBinding {
|
|
4
|
+
readonly canDrag: boolean;
|
|
5
|
+
readonly rootRef: RefObject<HTMLDivElement | null>;
|
|
6
|
+
handleProps(itemId: StableItemId): HTMLAttributes<HTMLSpanElement>;
|
|
7
|
+
rowProps: (itemId: StableItemId) => HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
'data-array-row': string;
|
|
9
|
+
'data-array-item-id': StableItemId;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare function useArrayDrag(nodeId: NodeId, items: readonly {
|
|
13
|
+
readonly id: StableItemId;
|
|
14
|
+
}[], move: (from: number, to: number) => void): ArrayDragBinding;
|
|
15
|
+
//# sourceMappingURL=use-array-drag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-array-drag.d.ts","sourceRoot":"","sources":["../../src/hooks/use-array-drag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAiB,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAaxE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,CAAA;IAClE,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,cAAc,CAAC,cAAc,CAAC,GAAG;QACnE,gBAAgB,EAAE,MAAM,CAAA;QACxB,oBAAoB,EAAE,YAAY,CAAA;KACnC,CAAA;CACF;AAkBD,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,SAAS;IAAE,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAA;CAAE,EAAE,EAC/C,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,GACvC,gBAAgB,CA4HlB"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
2
|
+
import { useFormContext } from '../context.js';
|
|
3
|
+
const arrayDragType = 'application/x-texaryn-array-item';
|
|
4
|
+
function dragPayloadPresent(event) {
|
|
5
|
+
return Array.from(event.dataTransfer.types).includes(arrayDragType);
|
|
6
|
+
}
|
|
7
|
+
function ownsArrayTarget(event, root) {
|
|
8
|
+
const target = event.target;
|
|
9
|
+
return target instanceof Element && target.closest('[data-array-container]') === root;
|
|
10
|
+
}
|
|
11
|
+
function currentArray(runtime, nodeId) {
|
|
12
|
+
const node = runtime.document.getSnapshot().nodes[nodeId];
|
|
13
|
+
return node?.type === 'container' && node.containerType === 'array'
|
|
14
|
+
? node
|
|
15
|
+
: undefined;
|
|
16
|
+
}
|
|
17
|
+
export function useArrayDrag(nodeId, items, move) {
|
|
18
|
+
const runtime = useFormContext();
|
|
19
|
+
const rootRef = useRef(null);
|
|
20
|
+
const dragSession = useRef(null);
|
|
21
|
+
const array = currentArray(runtime, nodeId);
|
|
22
|
+
const canDrag = array?.arrayMeta?.canReorder === true && !array.readOnly && !array.disabled;
|
|
23
|
+
const clearDrag = () => {
|
|
24
|
+
const root = rootRef.current;
|
|
25
|
+
root?.removeAttribute('data-array-drag-active');
|
|
26
|
+
root?.querySelectorAll('[data-dragging], [data-drop-target]').forEach((row) => {
|
|
27
|
+
row.removeAttribute('data-dragging');
|
|
28
|
+
row.removeAttribute('data-drop-target');
|
|
29
|
+
});
|
|
30
|
+
dragSession.current = null;
|
|
31
|
+
};
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
const session = dragSession.current;
|
|
34
|
+
if (!session)
|
|
35
|
+
return;
|
|
36
|
+
const activeArray = currentArray(runtime, nodeId);
|
|
37
|
+
if (session.runtime !== runtime ||
|
|
38
|
+
session.root !== rootRef.current ||
|
|
39
|
+
session.identityKey !== activeArray?.arrayMeta?.identityKey ||
|
|
40
|
+
activeArray?.arrayMeta?.canReorder !== true || activeArray.readOnly || activeArray.disabled ||
|
|
41
|
+
!items.some((item) => item.id === session.itemId))
|
|
42
|
+
clearDrag();
|
|
43
|
+
}, [runtime, nodeId, array?.arrayMeta?.identityKey, array?.arrayMeta?.itemIds, items]);
|
|
44
|
+
useEffect(() => () => clearDrag(), []);
|
|
45
|
+
const handleProps = (itemId) => ({
|
|
46
|
+
'aria-hidden': true,
|
|
47
|
+
className: 'texaryn-array-drag-handle',
|
|
48
|
+
draggable: canDrag,
|
|
49
|
+
tabIndex: -1,
|
|
50
|
+
onDragStart: (event) => {
|
|
51
|
+
const root = rootRef.current;
|
|
52
|
+
const current = currentArray(runtime, nodeId);
|
|
53
|
+
const identityKey = current?.arrayMeta?.identityKey;
|
|
54
|
+
if (current?.arrayMeta?.canReorder !== true || current.readOnly || current.disabled ||
|
|
55
|
+
!root || identityKey === undefined || !current.arrayMeta.itemIds.includes(itemId)) {
|
|
56
|
+
event.preventDefault();
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
event.stopPropagation();
|
|
60
|
+
event.dataTransfer.setData(arrayDragType, itemId);
|
|
61
|
+
event.dataTransfer.effectAllowed = 'move';
|
|
62
|
+
dragSession.current = { runtime, identityKey, root, itemId };
|
|
63
|
+
root.setAttribute('data-array-drag-active', '');
|
|
64
|
+
event.currentTarget.closest('[data-array-row]')?.setAttribute('data-dragging', '');
|
|
65
|
+
},
|
|
66
|
+
onDragEnd: (event) => {
|
|
67
|
+
event.dataTransfer.clearData(arrayDragType);
|
|
68
|
+
clearDrag();
|
|
69
|
+
},
|
|
70
|
+
});
|
|
71
|
+
const rowProps = (itemId) => ({
|
|
72
|
+
'data-array-row': '',
|
|
73
|
+
'data-array-item-id': itemId,
|
|
74
|
+
onDragOver: (event) => {
|
|
75
|
+
if (!dragPayloadPresent(event))
|
|
76
|
+
return;
|
|
77
|
+
const root = rootRef.current;
|
|
78
|
+
if (!root || !ownsArrayTarget(event, root)) {
|
|
79
|
+
event.stopPropagation();
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
const session = dragSession.current;
|
|
83
|
+
const current = currentArray(runtime, nodeId);
|
|
84
|
+
const ids = current?.arrayMeta?.itemIds ?? [];
|
|
85
|
+
if (!session || session.runtime !== runtime || session.root !== root ||
|
|
86
|
+
session.identityKey !== current?.arrayMeta?.identityKey ||
|
|
87
|
+
current?.arrayMeta?.canReorder !== true || current.readOnly || current.disabled ||
|
|
88
|
+
!ids.includes(session.itemId) || !ids.includes(itemId)) {
|
|
89
|
+
event.stopPropagation();
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
event.stopPropagation();
|
|
94
|
+
event.dataTransfer.dropEffect = 'move';
|
|
95
|
+
event.currentTarget.setAttribute('data-drop-target', '');
|
|
96
|
+
},
|
|
97
|
+
onDragLeave: (event) => {
|
|
98
|
+
if (dragPayloadPresent(event))
|
|
99
|
+
event.currentTarget.removeAttribute('data-drop-target');
|
|
100
|
+
},
|
|
101
|
+
onDrop: (event) => {
|
|
102
|
+
if (!dragPayloadPresent(event))
|
|
103
|
+
return;
|
|
104
|
+
event.stopPropagation();
|
|
105
|
+
const root = rootRef.current;
|
|
106
|
+
const session = dragSession.current;
|
|
107
|
+
const current = currentArray(runtime, nodeId);
|
|
108
|
+
const ids = current?.arrayMeta?.itemIds ?? [];
|
|
109
|
+
if (!root || !ownsArrayTarget(event, root) || !session) {
|
|
110
|
+
clearDrag();
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
const sourceIndex = ids.indexOf(session.itemId);
|
|
114
|
+
const targetIndex = ids.indexOf(itemId);
|
|
115
|
+
if (session.runtime !== runtime || session.root !== root ||
|
|
116
|
+
session.identityKey !== current?.arrayMeta?.identityKey ||
|
|
117
|
+
current?.arrayMeta?.canReorder !== true || current.readOnly || current.disabled ||
|
|
118
|
+
sourceIndex < 0 || targetIndex < 0) {
|
|
119
|
+
clearDrag();
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
event.preventDefault();
|
|
123
|
+
const bounds = event.currentTarget.getBoundingClientRect();
|
|
124
|
+
const after = event.clientY >= bounds.top + bounds.height / 2;
|
|
125
|
+
const insertionBoundary = targetIndex + (after ? 1 : 0);
|
|
126
|
+
const destination = insertionBoundary > sourceIndex ? insertionBoundary - 1 : insertionBoundary;
|
|
127
|
+
clearDrag();
|
|
128
|
+
if (destination !== sourceIndex)
|
|
129
|
+
move(sourceIndex, destination);
|
|
130
|
+
},
|
|
131
|
+
});
|
|
132
|
+
return { canDrag, rootRef, handleProps, rowProps };
|
|
133
|
+
}
|
|
134
|
+
//# sourceMappingURL=use-array-drag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-array-drag.js","sourceRoot":"","sources":["../../src/hooks/use-array-drag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,aAAa,GAAG,kCAAkC,CAAA;AAmBxD,SAAS,kBAAkB,CAAC,KAAsB;IAChD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AACrE,CAAC;AAED,SAAS,eAAe,CAAC,KAAsB,EAAE,IAAoB;IACnE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAC3B,OAAO,MAAM,YAAY,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAA;AACvF,CAAC;AAED,SAAS,YAAY,CAAC,OAAoB,EAAE,MAAc;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,MAAgB,CAAC,CAAA;IACnE,OAAO,IAAI,EAAE,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;QACjE,CAAC,CAAC,IAAqB;QACvB,CAAC,CAAC,SAAS,CAAA;AACf,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,MAAc,EACd,KAA+C,EAC/C,IAAwC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACzD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAE3F,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,IAAI,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAA;QAC/C,IAAI,EAAE,gBAAgB,CAAc,qCAAqC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACzF,GAAG,CAAC,eAAe,CAAC,eAAe,CAAC,CAAA;YACpC,GAAG,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;QACzC,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;IAC5B,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;QACnC,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACjD,IACE,OAAO,CAAC,OAAO,KAAK,OAAO;YAC3B,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,OAAO;YAChC,OAAO,CAAC,WAAW,KAAK,WAAW,EAAE,SAAS,EAAE,WAAW;YAC3D,WAAW,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,IAAI,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ;YAC3F,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,MAAM,CAAC;YACjD,SAAS,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtF,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAA;IAEtC,MAAM,WAAW,GAAG,CAAC,MAAoB,EAAmC,EAAE,CAAC,CAAC;QAC9E,aAAa,EAAE,IAAI;QACnB,SAAS,EAAE,2BAA2B;QACtC,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,CAAC,CAAC;QACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;YAC5B,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;YAC7C,MAAM,WAAW,GAAG,OAAO,EAAE,SAAS,EAAE,WAAW,CAAA;YACnD,IACE,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ;gBAC/E,CAAC,IAAI,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EACjF,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAM;YACR,CAAC;YACD,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;YACjD,KAAK,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAA;YACzC,WAAW,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;YAC5D,IAAI,CAAC,YAAY,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAA;YAC/C,KAAK,CAAC,aAAa,CAAC,OAAO,CAAc,kBAAkB,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAA;QACjG,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;YAC3C,SAAS,EAAE,CAAA;QACb,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,CAAC,MAAoB,EAA4C,EAAE,CAAC,CAAC;QACpF,gBAAgB,EAAE,EAAE;QACpB,oBAAoB,EAAE,MAAM;QAC5B,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACpB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;gBAAE,OAAM;YACtC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;YAC5B,IAAI,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;gBAC3C,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,OAAM;YACR,CAAC;YACD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;YACnC,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;YAC7C,MAAM,GAAG,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO,IAAI,EAAE,CAAA;YAC7C,IACE,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI;gBAChE,OAAO,CAAC,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,WAAW;gBACvD,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ;gBAC/E,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EACtD,CAAC;gBACD,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,OAAM;YACR,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAA;YACtC,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;QAC1D,CAAC;QACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,IAAI,kBAAkB,CAAC,KAAK,CAAC;gBAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;QACxF,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;gBAAE,OAAM;YACtC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;YAC5B,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAA;YACnC,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;YAC7C,MAAM,GAAG,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO,IAAI,EAAE,CAAA;YAC7C,IAAI,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACvD,SAAS,EAAE,CAAA;gBACX,OAAM;YACR,CAAC;YACD,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;YACvC,IACE,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI;gBACpD,OAAO,CAAC,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,WAAW;gBACvD,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ;gBAC/E,WAAW,GAAG,CAAC,IAAI,WAAW,GAAG,CAAC,EAClC,CAAC;gBACD,SAAS,EAAE,CAAA;gBACX,OAAM;YACR,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAA;YAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;YAC7D,MAAM,iBAAiB,GAAG,WAAW,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACvD,MAAM,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAA;YAC/F,SAAS,EAAE,CAAA;YACX,IAAI,WAAW,KAAK,WAAW;gBAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;QACjE,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA;AACpD,CAAC"}
|
|
@@ -52,8 +52,10 @@ export interface FieldBinding {
|
|
|
52
52
|
placeholder: string | undefined;
|
|
53
53
|
/** Visible errors only: empty until the field is touched and invalid. */
|
|
54
54
|
errors: readonly ValidationError[];
|
|
55
|
-
/**
|
|
55
|
+
/** Localized first visible validation message. */
|
|
56
56
|
error: string | undefined;
|
|
57
|
+
/** Localized visible validation messages in error order. */
|
|
58
|
+
errorMessages: readonly string[];
|
|
57
59
|
invalid: boolean;
|
|
58
60
|
labelProps: LabelProps;
|
|
59
61
|
descriptionProps: DescriptionProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-field-binding.d.ts","sourceRoot":"","sources":["../../src/hooks/use-field-binding.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-field-binding.d.ts","sourceRoot":"","sources":["../../src/hooks/use-field-binding.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAU/D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAGvF,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,IAAI,IAAI,CAAA;CACf;AAED,2EAA2E;AAC3E,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,GAAG,IAAI,CAAA;CACrD;AAED,oDAAoD;AACpD,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,OAAO,EAAE,OAAO,CAAA;SAAE,CAAA;KAAE,GAAG,IAAI,CAAA;CACxD;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,SAAS,CAAA;IAEf,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,MAAM,IAAI,IAAI,CAAA;IAEd,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,wFAAwF;IACxF,QAAQ,EAAE,OAAO,CAAA;IAEjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B,yEAAyE;IACzE,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAClC,kDAAkD;IAClD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,4DAA4D;IAC5D,aAAa,EAAE,SAAS,MAAM,EAAE,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAEhB,UAAU,EAAE,UAAU,CAAA;IACtB,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,UAAU,EAAE,UAAU,CAAA;IACtB,aAAa,EAAE,kBAAkB,CAAA;IACjC,gBAAgB,EAAE,oBAAoB,CAAA;CACvC;AA6BD,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,CA0E7D"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { visibleFieldLabel } from '@texaryn/core';
|
|
1
2
|
import { useField } from './use-field.js';
|
|
2
3
|
import { useFormIdPrefix } from '../id-prefix.js';
|
|
3
4
|
import { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNativeReadOnly, } from '../props/field-props.js';
|
|
5
|
+
import { useFormMessages } from '../messages.js';
|
|
4
6
|
const NO_ERRORS = Object.freeze([]);
|
|
5
7
|
// Mirrors createDefaultRegistry: enum outranks the primitive kind.
|
|
6
8
|
function fieldKind(node) {
|
|
@@ -31,6 +33,7 @@ function coerce(kind, node, raw) {
|
|
|
31
33
|
export function useFieldBinding(node) {
|
|
32
34
|
const field = useField(node.id);
|
|
33
35
|
const idPrefix = useFormIdPrefix();
|
|
36
|
+
const messages = useFormMessages();
|
|
34
37
|
const input = getInputProps(node, field, idPrefix);
|
|
35
38
|
const kind = fieldKind(node);
|
|
36
39
|
const base = {
|
|
@@ -84,11 +87,12 @@ export function useFieldBinding(node) {
|
|
|
84
87
|
readOnly: node.readOnly,
|
|
85
88
|
visible: field.visible,
|
|
86
89
|
required: Boolean(node.constraints.required),
|
|
87
|
-
label: node.annotations.title
|
|
90
|
+
label: visibleFieldLabel(node.annotations.title, node.dataPointer, messages),
|
|
88
91
|
description: node.helpText ?? node.annotations.description,
|
|
89
92
|
placeholder: node.placeholder,
|
|
90
93
|
errors,
|
|
91
|
-
error: first ?
|
|
94
|
+
error: first ? messages.validationMessage(first) : undefined,
|
|
95
|
+
errorMessages: errors.map((error) => messages.validationMessage(error)),
|
|
92
96
|
invalid: errors.length > 0,
|
|
93
97
|
labelProps: getLabelProps(node, idPrefix),
|
|
94
98
|
descriptionProps: getDescriptionProps(node, idPrefix),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-field-binding.js","sourceRoot":"","sources":["../../src/hooks/use-field-binding.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-field-binding.js","sourceRoot":"","sources":["../../src/hooks/use-field-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAkEhD,MAAM,SAAS,GAA+B,MAAM,CAAC,MAAM,CAAoB,EAAE,CAAC,CAAA;AAIlF,mEAAmE;AACnE,SAAS,SAAS,CAAC,IAAe;IAChC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,MAAM,CAAA;IACxE,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IAClD,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAA;IAChF,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,SAAS,YAAY,CAAC,IAAe,EAAE,KAAc;IACnD,IAAI,IAAI,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAChE,IAAI,IAAI,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAChE,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC3C,CAAC;AAED,SAAS,MAAM,CAAC,IAAe,EAAE,IAAe,EAAE,GAAW;IAC3D,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;IAClE,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAA;QAC3E,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAA;IACpC,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAe;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC/B,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;IAClD,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE5B,MAAM,IAAI,GAAsB;QAC9B,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,eAAe,EAAE,KAAK,CAAC,eAAe,CAAC;QACvC,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC;QACrC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC;QAC7C,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAA;IAED,2EAA2E;IAC3E,2EAA2E;IAC3E,uDAAuD;IACvD,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ;QACjC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC;YACvB,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;YACpB,CAAC,CAAC,EAAE,eAAe,EAAE,IAAa,EAAE;QACtC,CAAC,CAAC,EAAE,CAAA;IAEN,MAAM,aAAa,GAAuB;QACxC,GAAG,IAAI;QACP,GAAG,aAAa;QAChB,KAAK,EAAE,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;QACtC,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE;YACjD,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAM;YACzB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QACxD,CAAC;KACF,CAAA;IAED,MAAM,gBAAgB,GAAyB;QAC7C,GAAG,IAAI;QACP,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;QAC7B,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,QAAQ,EAAE,CAAC,KAAuC,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAM;YACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;KACF,CAAA;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAA;IAC1D,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAEvB,OAAO;QACL,IAAI;QACJ,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;QAC5C,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;QAC5E,WAAW,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW;QAC1D,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,MAAM;QACN,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5D,aAAa,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACvE,OAAO,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC;QAC1B,UAAU,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC;QACzC,gBAAgB,EAAE,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC;QACrD,UAAU,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC;QACzC,aAAa;QACb,gBAAgB;KACjB,CAAA;AACH,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,8 @@ export { useField } from './hooks/use-field.js';
|
|
|
5
5
|
export type { UseFieldReturn } from './hooks/use-field.js';
|
|
6
6
|
export { useFieldArray } from './hooks/use-field-array.js';
|
|
7
7
|
export type { UseFieldArrayReturn } from './hooks/use-field-array.js';
|
|
8
|
+
export { useArrayDrag } from './hooks/use-array-drag.js';
|
|
9
|
+
export type { ArrayDragBinding } from './hooks/use-array-drag.js';
|
|
8
10
|
export { useFieldBinding } from './hooks/use-field-binding.js';
|
|
9
11
|
export { useObjectGroup } from './hooks/use-object-group.js';
|
|
10
12
|
export { useArrayActions } from './hooks/use-array-actions.js';
|
|
@@ -19,6 +21,8 @@ export { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNa
|
|
|
19
21
|
export type { InputProps, LabelProps, ErrorProps, DescriptionProps, FieldState } from './props/index.js';
|
|
20
22
|
export { FormRoot } from './components/FormRoot.js';
|
|
21
23
|
export type { FormRootProps } from './components/FormRoot.js';
|
|
24
|
+
export { DocumentRoot } from './components/DocumentRoot.js';
|
|
25
|
+
export type { DocumentRootProps, DocumentWidgetComponent } from './components/DocumentRoot.js';
|
|
22
26
|
export { NodeRenderer } from './components/NodeRenderer.js';
|
|
23
27
|
export { ProjectionBoundaryActions } from './components/ProjectionBoundaryActions.js';
|
|
24
28
|
export type { ProjectionBoundaryActionsProps } from './components/ProjectionBoundaryActions.js';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC9D,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,YAAY,EAAE,8BAA8B,EAAE,MAAM,2CAA2C,CAAA;AAC/F,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC9D,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,YAAY,EAAE,8BAA8B,EAAE,MAAM,2CAA2C,CAAA;AAC/F,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { useStore } from './hooks/use-store.js';
|
|
|
2
2
|
export { useForm } from './hooks/use-form.js';
|
|
3
3
|
export { useField } from './hooks/use-field.js';
|
|
4
4
|
export { useFieldArray } from './hooks/use-field-array.js';
|
|
5
|
+
export { useArrayDrag } from './hooks/use-array-drag.js';
|
|
5
6
|
export { useFieldBinding } from './hooks/use-field-binding.js';
|
|
6
7
|
export { useObjectGroup } from './hooks/use-object-group.js';
|
|
7
8
|
export { useArrayActions } from './hooks/use-array-actions.js';
|
|
@@ -10,6 +11,7 @@ export { useFormMessages } from './messages.js';
|
|
|
10
11
|
export { useFormIdPrefix } from './id-prefix.js';
|
|
11
12
|
export { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNativeReadOnly, } from './props/index.js';
|
|
12
13
|
export { FormRoot } from './components/FormRoot.js';
|
|
14
|
+
export { DocumentRoot } from './components/DocumentRoot.js';
|
|
13
15
|
export { NodeRenderer } from './components/NodeRenderer.js';
|
|
14
16
|
export { ProjectionBoundaryActions } from './components/ProjectionBoundaryActions.js';
|
|
15
17
|
export { FieldLabelContent } from './components/FieldLabelContent.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAS9D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAErE,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAS9D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAErE,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"ArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAO1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAQD,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAyF9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useFieldArray } from '../hooks/use-field-array.js';
|
|
4
|
+
import { useArrayDrag } from '../hooks/use-array-drag.js';
|
|
4
5
|
import { NodeRenderer } from '../components/NodeRenderer.js';
|
|
5
6
|
import { useRendererContext } from '../components/renderer-context.js';
|
|
6
7
|
import { useArrayActions } from '../hooks/use-array-actions.js';
|
|
@@ -16,18 +17,19 @@ function ArrayControlImpl({ node }) {
|
|
|
16
17
|
const fieldArray = useFieldArray(containerNode.id);
|
|
17
18
|
const { document, registry } = useRendererContext();
|
|
18
19
|
const actions = useArrayActions(node);
|
|
19
|
-
|
|
20
|
+
const drag = useArrayDrag(containerNode.id, fieldArray.items, fieldArray.move);
|
|
21
|
+
return (_jsxs("div", { ref: drag.rootRef, "data-array-container": "", children: [fieldArray.items.map((item, index) => {
|
|
20
22
|
const childNode = item.nodeId ? document.nodes[item.nodeId] : undefined;
|
|
21
23
|
const remove = actions.remove(index + 1, childNode);
|
|
22
24
|
const moveUp = actions.moveUp(index + 1, childNode);
|
|
23
25
|
const moveDown = actions.moveDown(index + 1, childNode);
|
|
24
|
-
return (_jsxs("div", {
|
|
26
|
+
return (_jsxs("div", { ...drag.rowProps(item.id), children: [drag.canDrag ? (_jsx("span", { ...drag.handleProps(item.id), children: "\u283F" })) : null, childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canReorder && index > 0 ? (_jsx("button", { type: "button", "aria-label": moveUp.accessibleName, "data-action": "move-up", "data-reorder-direction": "up", onClick: (event) => {
|
|
25
27
|
const wasFocused = globalThis.document.activeElement === event.currentTarget;
|
|
26
28
|
const row = event.currentTarget.closest('[data-array-row]');
|
|
27
29
|
fieldArray.move(index, index - 1);
|
|
28
30
|
if (wasFocused && index === 1)
|
|
29
31
|
focusAfterRender(row, 'down');
|
|
30
|
-
}, children: moveUp.label })) : null, fieldArray.canReorder && index < fieldArray.items.length - 1 ? (_jsx("button", { type: "button", "aria-label": moveDown.accessibleName, "data-reorder-direction": "down", onClick: (event) => {
|
|
32
|
+
}, children: moveUp.label })) : null, fieldArray.canReorder && index < fieldArray.items.length - 1 ? (_jsx("button", { type: "button", "aria-label": moveDown.accessibleName, "data-action": "move-down", "data-reorder-direction": "down", onClick: (event) => {
|
|
31
33
|
const wasFocused = globalThis.document.activeElement === event.currentTarget;
|
|
32
34
|
const row = event.currentTarget.closest('[data-array-row]');
|
|
33
35
|
fieldArray.move(index, index + 1);
|
|
@@ -37,8 +39,8 @@ function ArrayControlImpl({ node }) {
|
|
|
37
39
|
// The visible word stays short; the name that distinguishes the
|
|
38
40
|
// row goes in aria-label, which contains it so speech input
|
|
39
41
|
// still works.
|
|
40
|
-
_jsx("button", { type: "button", "aria-label": remove.accessibleName, onClick: () => fieldArray.remove(index), children: remove.label })) : null] }, item.id));
|
|
41
|
-
}), fieldArray.canAdd ? (_jsx("button", { type: "button", "aria-label": actions.add.accessibleName, onClick: () => fieldArray.add(), children: actions.add.label })) : null] }));
|
|
42
|
+
_jsx("button", { type: "button", "aria-label": remove.accessibleName, "data-action": "remove", onClick: () => fieldArray.remove(index), children: remove.label })) : null] }, item.id));
|
|
43
|
+
}), fieldArray.canAdd ? (_jsx("button", { type: "button", "aria-label": actions.add.accessibleName, "data-action": "add", onClick: () => fieldArray.add(), children: actions.add.label })) : null] }));
|
|
42
44
|
}
|
|
43
45
|
export const ArrayControl = React.memo(ArrayControlImpl, (prev, next) => prev.node.id === next.node.id);
|
|
44
46
|
//# sourceMappingURL=ArrayControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrayControl.js","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAM/D,SAAS,gBAAgB,CAAC,GAAuB,EAAE,SAAwB;IACzE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,aAAa,CAAoB,qCAAqC,SAAS,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACtH,IAAI,OAAO,qBAAqB,KAAK,UAAU;QAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;;QACxE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;AAC3B,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACnD,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"ArrayControl.js","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAM/D,SAAS,gBAAgB,CAAC,GAAuB,EAAE,SAAwB;IACzE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,aAAa,CAAoB,qCAAqC,SAAS,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACtH,IAAI,OAAO,qBAAqB,KAAK,UAAU;QAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;;QACxE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;AAC3B,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACnD,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IACrC,MAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,EAAE,EAAE,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IAE9E,OAAO,CACL,eAAK,GAAG,EAAE,IAAI,CAAC,OAAO,0BAAuB,EAAE,aAC5C,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACpC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACvE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;gBACnD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;gBACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;gBACvD,OAAO,CACL,kBAEM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,aAEzB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,kBACM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,uBAGxB,CACR,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1E,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,UAAU,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,iBACE,IAAI,EAAC,QAAQ,gBACD,MAAM,CAAC,cAAc,iBACrB,SAAS,4BACE,IAAI,EAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACjB,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,KAAK,KAAK,CAAC,aAAa,CAAA;gCAC5E,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAc,kBAAkB,CAAC,CAAA;gCACxE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA;gCACjC,IAAI,UAAU,IAAI,KAAK,KAAK,CAAC;oCAAE,gBAAgB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;4BAC9D,CAAC,YAEA,MAAM,CAAC,KAAK,GACN,CACV,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,UAAU,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,iBACE,IAAI,EAAC,QAAQ,gBACD,QAAQ,CAAC,cAAc,iBACvB,WAAW,4BACA,MAAM,EAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACjB,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,KAAK,KAAK,CAAC,aAAa,CAAA;gCAC5E,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAc,kBAAkB,CAAC,CAAA;gCACxE,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA;gCACjC,IAAI,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;oCAAE,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;4BACtF,CAAC,YAEA,QAAQ,CAAC,KAAK,GACR,CACV,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;wBACtB,gEAAgE;wBAChE,4DAA4D;wBAC5D,eAAe;wBACf,iBACE,IAAI,EAAC,QAAQ,gBACD,MAAM,CAAC,cAAc,iBACrB,QAAQ,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,YAEtC,MAAM,CAAC,KAAK,GACN,CACV,CAAC,CAAC,CAAC,IAAI,KAzDH,IAAI,CAAC,EAAE,CA0DR,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,iBACE,IAAI,EAAC,QAAQ,gBACD,OAAO,CAAC,GAAG,CAAC,cAAc,iBAC1B,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,YAE9B,OAAO,CAAC,GAAG,CAAC,KAAK,GACX,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CACpC,gBAAgB,EAChB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@texaryn/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "React bindings, hooks, prop getters, and default widgets for Texaryn",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"CHANGELOG.md"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@texaryn/core": "^0.
|
|
47
|
+
"@texaryn/core": "^0.16.0"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"react": ">=18.0.0"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"jsdom": "^25.0.0",
|
|
57
57
|
"react": "^19.0.0",
|
|
58
58
|
"react-dom": "^19.0.0",
|
|
59
|
-
"@texaryn/schema-json": "0.
|
|
59
|
+
"@texaryn/schema-json": "0.10.0"
|
|
60
60
|
},
|
|
61
61
|
"scripts": {
|
|
62
62
|
"build": "tsc --build"
|