@vidact/runtime 0.2.0-beta.0 → 0.2.0-beta.5
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 +52 -0
- package/README.md +1 -1
- package/dist/actions.d.ts +32 -30
- package/dist/actions.d.ts.map +1 -1
- package/dist/actions.js +251 -266
- package/dist/actions.js.map +1 -1
- package/dist/async.d.ts +20 -17
- package/dist/async.d.ts.map +1 -1
- package/dist/async.js +18 -17
- package/dist/async.js.map +1 -1
- package/dist/compiled/async-resource.d.ts +9 -6
- package/dist/compiled/async-resource.d.ts.map +1 -1
- package/dist/compiled/async-resource.js +69 -77
- package/dist/compiled/async-resource.js.map +1 -1
- package/dist/compiled/core.d.ts +136 -147
- package/dist/compiled/core.d.ts.map +1 -1
- package/dist/compiled/core.js +2672 -2985
- package/dist/compiled/core.js.map +1 -1
- package/dist/compiled/types.d.ts +44 -56
- package/dist/compiled/types.d.ts.map +1 -1
- package/dist/compiled/types.js +10 -6
- package/dist/compiled/types.js.map +1 -1
- package/dist/compiled/validation.d.ts +4 -1
- package/dist/compiled/validation.d.ts.map +1 -1
- package/dist/compiled/validation.js +17 -20
- package/dist/compiled/validation.js.map +1 -1
- package/dist/component-spread.d.ts +5 -3
- package/dist/component-spread.d.ts.map +1 -1
- package/dist/component-spread.js +49 -67
- package/dist/component-spread.js.map +1 -1
- package/dist/concurrent.d.ts +20 -18
- package/dist/concurrent.d.ts.map +1 -1
- package/dist/concurrent.js +191 -210
- package/dist/concurrent.js.map +1 -1
- package/dist/direct-dom.d.ts +17 -12
- package/dist/direct-dom.d.ts.map +1 -1
- package/dist/direct-dom.js +187 -221
- package/dist/direct-dom.js.map +1 -1
- package/dist/dom/attributes.d.ts +9 -6
- package/dist/dom/attributes.d.ts.map +1 -1
- package/dist/dom/attributes.js +65 -47
- package/dist/dom/attributes.js.map +1 -1
- package/dist/dom/events.d.ts +5 -2
- package/dist/dom/events.d.ts.map +1 -1
- package/dist/dom/events.js +53 -65
- package/dist/dom/events.js.map +1 -1
- package/dist/dom/forms.d.ts +9 -6
- package/dist/dom/forms.d.ts.map +1 -1
- package/dist/dom/forms.js +152 -198
- package/dist/dom/forms.js.map +1 -1
- package/dist/dom/intrinsic.d.ts +17 -15
- package/dist/dom/intrinsic.d.ts.map +1 -1
- package/dist/dom/intrinsic.js +48 -50
- package/dist/dom/intrinsic.js.map +1 -1
- package/dist/dom/namespace.d.ts +4 -1
- package/dist/dom/namespace.d.ts.map +1 -1
- package/dist/dom/namespace.js +25 -28
- package/dist/dom/namespace.js.map +1 -1
- package/dist/dom/namespaces.d.ts +11 -8
- package/dist/dom/namespaces.d.ts.map +1 -1
- package/dist/dom/namespaces.js +14 -12
- package/dist/dom/namespaces.js.map +1 -1
- package/dist/dom/properties.d.ts +18 -16
- package/dist/dom/properties.d.ts.map +1 -1
- package/dist/dom/properties.js +273 -296
- package/dist/dom/properties.js.map +1 -1
- package/dist/dom/style-properties.d.ts +4 -1
- package/dist/dom/style-properties.d.ts.map +1 -1
- package/dist/dom/style-properties.js +49 -45
- package/dist/dom/style-properties.js.map +1 -1
- package/dist/dom/styles.d.ts +5 -2
- package/dist/dom/styles.d.ts.map +1 -1
- package/dist/dom/styles.js +47 -67
- package/dist/dom/styles.js.map +1 -1
- package/dist/dom-forms.d.ts +4 -1
- package/dist/dom-forms.d.ts.map +1 -1
- package/dist/dom-forms.js +16 -13
- package/dist/dom-forms.js.map +1 -1
- package/dist/dom-styles.d.ts +4 -1
- package/dist/dom-styles.d.ts.map +1 -1
- package/dist/dom-styles.js +10 -7
- package/dist/dom-styles.js.map +1 -1
- package/dist/framework-hydrate.d.ts +20 -17
- package/dist/framework-hydrate.d.ts.map +1 -1
- package/dist/framework-hydrate.js +128 -146
- package/dist/framework-hydrate.js.map +1 -1
- package/dist/framework-protocol.d.ts +27 -25
- package/dist/framework-protocol.d.ts.map +1 -1
- package/dist/framework-protocol.js +173 -211
- package/dist/framework-protocol.js.map +1 -1
- package/dist/framework.d.ts +34 -32
- package/dist/framework.d.ts.map +1 -1
- package/dist/framework.js +74 -93
- package/dist/framework.js.map +1 -1
- package/dist/hydrate.d.ts +11 -8
- package/dist/hydrate.d.ts.map +1 -1
- package/dist/hydrate.js +13 -9
- package/dist/hydrate.js.map +1 -1
- package/dist/hydration-bridge.d.ts +70 -58
- package/dist/hydration-bridge.d.ts.map +1 -1
- package/dist/hydration-bridge.js +77 -66
- package/dist/hydration-bridge.js.map +1 -1
- package/dist/hydration.d.ts +54 -28
- package/dist/hydration.d.ts.map +1 -1
- package/dist/hydration.js +450 -463
- package/dist/hydration.js.map +1 -1
- package/dist/index.d.ts +13 -13
- package/dist/index.js +11 -13
- package/dist/indexed-list.d.ts +8 -5
- package/dist/indexed-list.d.ts.map +1 -1
- package/dist/indexed-list.js +14 -7
- package/dist/indexed-list.js.map +1 -1
- package/dist/jsx-runtime.d.ts +10 -8
- package/dist/jsx-runtime.d.ts.map +1 -1
- package/dist/jsx-runtime.js +28 -23
- package/dist/jsx-runtime.js.map +1 -1
- package/dist/keyed-list.d.ts +13 -14
- package/dist/keyed-list.d.ts.map +1 -1
- package/dist/keyed-list.js +132 -160
- package/dist/keyed-list.js.map +1 -1
- package/dist/metadata.d.ts +6 -3
- package/dist/metadata.d.ts.map +1 -1
- package/dist/metadata.js +131 -164
- package/dist/metadata.js.map +1 -1
- package/dist/nested-prop.d.ts +4 -2
- package/dist/nested-prop.d.ts.map +1 -1
- package/dist/nested-prop.js +17 -16
- package/dist/nested-prop.js.map +1 -1
- package/dist/profiling.d.ts +11 -8
- package/dist/profiling.d.ts.map +1 -1
- package/dist/profiling.js +17 -17
- package/dist/profiling.js.map +1 -1
- package/dist/protocol.d.ts +5 -2
- package/dist/protocol.d.ts.map +1 -1
- package/dist/protocol.js +8 -5
- package/dist/protocol.js.map +1 -1
- package/dist/raw-html.d.ts +5 -2
- package/dist/raw-html.d.ts.map +1 -1
- package/dist/raw-html.js +86 -146
- package/dist/raw-html.js.map +1 -1
- package/dist/ref.d.ts +8 -3
- package/dist/ref.d.ts.map +1 -1
- package/dist/ref.js +10 -2
- package/dist/ref.js.map +1 -1
- package/dist/renderable-protocol.d.ts +26 -8
- package/dist/renderable-protocol.d.ts.map +1 -1
- package/dist/renderable-protocol.js +30 -9
- package/dist/renderable-protocol.js.map +1 -1
- package/dist/renderable.d.ts +27 -22
- package/dist/renderable.d.ts.map +1 -1
- package/dist/renderable.js +141 -133
- package/dist/renderable.js.map +1 -1
- package/dist/retained-ui.d.ts +9 -6
- package/dist/retained-ui.d.ts.map +1 -1
- package/dist/retained-ui.js +12 -10
- package/dist/retained-ui.js.map +1 -1
- package/dist/root.d.ts +18 -15
- package/dist/root.d.ts.map +1 -1
- package/dist/root.js +73 -85
- package/dist/root.js.map +1 -1
- package/dist/scheduler.d.ts +10 -8
- package/dist/scheduler.d.ts.map +1 -1
- package/dist/scheduler.js +97 -105
- package/dist/scheduler.js.map +1 -1
- package/dist/server-framework.d.ts +45 -42
- package/dist/server-framework.d.ts.map +1 -1
- package/dist/server-framework.js +209 -217
- package/dist/server-framework.js.map +1 -1
- package/dist/server.d.ts +130 -128
- package/dist/server.d.ts.map +1 -1
- package/dist/server.js +603 -710
- package/dist/server.js.map +1 -1
- package/dist/shared/promise.d.ts +6 -3
- package/dist/shared/promise.d.ts.map +1 -1
- package/dist/shared/promise.js +21 -19
- package/dist/shared/promise.js.map +1 -1
- package/dist/source-mask.d.ts +9 -6
- package/dist/source-mask.d.ts.map +1 -1
- package/dist/source-mask.js +45 -63
- package/dist/source-mask.js.map +1 -1
- package/dist/spread.d.ts +5 -2
- package/dist/spread.d.ts.map +1 -1
- package/dist/spread.js +79 -99
- package/dist/spread.js.map +1 -1
- package/dist/state-slot.d.ts +18 -15
- package/dist/state-slot.d.ts.map +1 -1
- package/dist/state-slot.js +43 -42
- package/dist/state-slot.js.map +1 -1
- package/dist/testing.d.ts +9 -6
- package/dist/testing.d.ts.map +1 -1
- package/dist/testing.js +16 -12
- package/dist/testing.js.map +1 -1
- package/package.json +8 -7
- package/src/actions.ts +415 -0
- package/src/async.ts +78 -0
- package/src/compiled/async-resource.ts +113 -0
- package/src/compiled/core.ts +4041 -0
- package/src/compiled/types.ts +96 -0
- package/src/compiled/validation.ts +23 -0
- package/src/component-spread.ts +86 -0
- package/src/concurrent.ts +310 -0
- package/src/direct-dom.ts +365 -0
- package/src/dom/attributes.ts +55 -0
- package/src/dom/events.ts +93 -0
- package/src/dom/forms.ts +220 -0
- package/src/dom/intrinsic.ts +94 -0
- package/src/dom/namespace.ts +30 -0
- package/src/dom/namespaces.ts +14 -0
- package/src/dom/properties.ts +355 -0
- package/src/dom/style-properties.ts +46 -0
- package/src/dom/styles.ts +86 -0
- package/src/dom-forms.ts +23 -0
- package/src/dom-styles.ts +11 -0
- package/src/env.d.ts +6 -0
- package/src/framework-hydrate.ts +224 -0
- package/src/framework-protocol.ts +335 -0
- package/src/framework.ts +161 -0
- package/src/hydrate.ts +38 -0
- package/src/hydration-bridge.ts +196 -0
- package/src/hydration.ts +642 -0
- package/src/index.ts +92 -0
- package/src/indexed-list.ts +20 -0
- package/src/jsx-runtime.ts +55 -0
- package/src/keyed-list.ts +233 -0
- package/src/metadata.ts +212 -0
- package/src/nested-prop.ts +27 -0
- package/src/profiling.ts +43 -0
- package/src/protocol.ts +8 -0
- package/src/raw-html.ts +206 -0
- package/src/ref.ts +13 -0
- package/src/renderable-protocol.ts +63 -0
- package/src/renderable.ts +283 -0
- package/src/retained-ui.ts +19 -0
- package/src/root.ts +122 -0
- package/src/scheduler.ts +136 -0
- package/src/server-framework.ts +397 -0
- package/src/server.ts +1160 -0
- package/src/shared/promise.ts +28 -0
- package/src/source-mask.ts +83 -0
- package/src/spread.ts +131 -0
- package/src/state-slot.ts +76 -0
- package/src/testing.ts +27 -0
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
package/dist/dom/attributes.js
CHANGED
|
@@ -1,52 +1,70 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
//#region src/dom/attributes.ts
|
|
2
|
+
const SERVER_BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
|
|
3
|
+
"allowFullScreen",
|
|
4
|
+
"async",
|
|
5
|
+
"autoFocus",
|
|
6
|
+
"autoPlay",
|
|
7
|
+
"checked",
|
|
8
|
+
"controls",
|
|
9
|
+
"default",
|
|
10
|
+
"defaultChecked",
|
|
11
|
+
"defer",
|
|
12
|
+
"disabled",
|
|
13
|
+
"disablePictureInPicture",
|
|
14
|
+
"disableRemotePlayback",
|
|
15
|
+
"formNoValidate",
|
|
16
|
+
"hidden",
|
|
17
|
+
"inert",
|
|
18
|
+
"itemScope",
|
|
19
|
+
"loop",
|
|
20
|
+
"multiple",
|
|
21
|
+
"muted",
|
|
22
|
+
"noModule",
|
|
23
|
+
"noValidate",
|
|
24
|
+
"open",
|
|
25
|
+
"playsInline",
|
|
26
|
+
"readOnly",
|
|
27
|
+
"required",
|
|
28
|
+
"reversed",
|
|
29
|
+
"selected"
|
|
29
30
|
]);
|
|
30
31
|
const SERVER_ATTRIBUTE_ALIASES = {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
acceptCharset: "accept-charset",
|
|
33
|
+
className: "class",
|
|
34
|
+
crossOrigin: "crossorigin",
|
|
35
|
+
defaultChecked: "checked",
|
|
36
|
+
defaultValue: "value",
|
|
37
|
+
formAction: "formaction",
|
|
38
|
+
htmlFor: "for",
|
|
39
|
+
httpEquiv: "http-equiv",
|
|
40
|
+
itemID: "itemid",
|
|
41
|
+
itemProp: "itemprop",
|
|
42
|
+
itemRef: "itemref",
|
|
43
|
+
itemScope: "itemscope",
|
|
44
|
+
itemType: "itemtype"
|
|
44
45
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
const VALID_ATTRIBUTE_NAME = /^[A-Za-z_:][A-Za-z0-9:._-]*$/;
|
|
47
|
+
const META_IDENTITY_PROPS = [
|
|
48
|
+
"charSet",
|
|
49
|
+
"name",
|
|
50
|
+
"property",
|
|
51
|
+
"httpEquiv"
|
|
52
|
+
];
|
|
53
|
+
const LINK_IDENTITY_PROPS = [
|
|
54
|
+
"rel",
|
|
55
|
+
"href",
|
|
56
|
+
"as"
|
|
57
|
+
];
|
|
58
|
+
const META_IDENTITY_ATTRIBUTES = [
|
|
59
|
+
"charset",
|
|
60
|
+
"name",
|
|
61
|
+
"property",
|
|
62
|
+
"http-equiv"
|
|
63
|
+
];
|
|
64
|
+
function serverHtmlAttributeName(name) {
|
|
65
|
+
return SERVER_ATTRIBUTE_ALIASES[name] ?? name;
|
|
51
66
|
}
|
|
67
|
+
//#endregion
|
|
68
|
+
export { LINK_IDENTITY_PROPS, META_IDENTITY_ATTRIBUTES, META_IDENTITY_PROPS, SERVER_BOOLEAN_ATTRIBUTES, VALID_ATTRIBUTE_NAME, serverHtmlAttributeName };
|
|
69
|
+
|
|
52
70
|
//# sourceMappingURL=attributes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attributes.js","
|
|
1
|
+
{"version":3,"file":"attributes.js","names":[],"sources":["../../src/dom/attributes.ts"],"mappings":";AAAA,MAAa,4CAAiD,IAAI,IAAI;CACpE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,2BAA6D;CACjE,eAAe;CACf,WAAW;CACX,aAAa;CACb,gBAAgB;CAChB,cAAc;CACd,YAAY;CACZ,SAAS;CACT,WAAW;CACX,QAAQ;CACR,UAAU;CACV,SAAS;CACT,WAAW;CACX,UAAU;AACZ;AAEA,MAAa,uBAAuB;AAEpC,MAAa,sBAAsB;CAAC;CAAW;CAAQ;CAAY;AAAW;AAC9E,MAAa,sBAAsB;CAAC;CAAO;CAAQ;AAAI;AACvD,MAAa,2BAA2B;CAAC;CAAW;CAAQ;CAAY;AAAY;AAEpF,SAAgB,wBAAwB,MAAsB;CAC5D,OAAO,yBAAyB,SAAS;AAC3C"}
|
package/dist/dom/events.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
//#region src/dom/events.d.ts
|
|
2
|
+
declare function attachEventProp(element: Element, name: string, value: unknown): () => void;
|
|
3
|
+
declare function isEventProp(name: string): boolean;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { attachEventProp, isEventProp };
|
|
3
6
|
//# sourceMappingURL=events.d.ts.map
|
package/dist/dom/events.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.d.ts","
|
|
1
|
+
{"version":3,"file":"events.d.ts","names":[],"sources":["../../src/dom/events.ts"],"mappings":";iBAUgB,gBAAgB,SAAS,SAAS,cAAc;iBA8BhD,YAAY"}
|
package/dist/dom/events.js
CHANGED
|
@@ -1,78 +1,66 @@
|
|
|
1
|
-
import { isReactFormChangeEvent, restoreControlledFormState } from
|
|
2
|
-
|
|
1
|
+
import { isReactFormChangeEvent, restoreControlledFormState } from "./properties.js";
|
|
2
|
+
//#region src/dom/events.ts
|
|
3
|
+
const DEV = typeof __VIDACT_DEV__ === "undefined" || __VIDACT_DEV__;
|
|
3
4
|
function isSupportedReactEventName(name) {
|
|
4
|
-
|
|
5
|
+
return "|Abort|AnimationEnd|AnimationIteration|AnimationStart|AuxClick|BeforeInput|BeforeToggle|Blur|CanPlay|CanPlayThrough|Cancel|Change|Click|Close|CompositionEnd|CompositionStart|CompositionUpdate|ContextMenu|Copy|Cut|DoubleClick|Drag|DragEnd|DragEnter|DragExit|DragLeave|DragOver|DragStart|Drop|DurationChange|Emptied|Encrypted|Ended|Error|Focus|GotPointerCapture|Input|Invalid|KeyDown|KeyPress|KeyUp|Load|LoadedData|LoadedMetadata|LoadStart|LostPointerCapture|MouseDown|MouseEnter|MouseLeave|MouseMove|MouseOut|MouseOver|MouseUp|Paste|Pause|Play|Playing|PointerCancel|PointerDown|PointerEnter|PointerLeave|PointerMove|PointerOut|PointerOver|PointerUp|Progress|RateChange|Reset|Resize|Scroll|ScrollEnd|Seeked|Seeking|Select|Stalled|Submit|Suspend|TimeUpdate|Toggle|TouchCancel|TouchEnd|TouchMove|TouchStart|TransitionCancel|TransitionEnd|TransitionRun|TransitionStart|VolumeChange|Waiting|Wheel|".includes(`|${name}|`);
|
|
5
6
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const eventName = nativeEventName(eventNameWithoutPhase);
|
|
24
|
-
if (eventName === 'input') {
|
|
25
|
-
const dispatch = (event) => invokeFormListener(element, value, event);
|
|
26
|
-
element.addEventListener(eventName, dispatch, capture);
|
|
27
|
-
return () => element.removeEventListener(eventName, dispatch, capture);
|
|
28
|
-
}
|
|
29
|
-
const dispatch = (event) => value(reactShapedEvent(event));
|
|
30
|
-
element.addEventListener(eventName, dispatch, capture);
|
|
31
|
-
return () => element.removeEventListener(eventName, dispatch, capture);
|
|
7
|
+
function attachEventProp(element, name, value) {
|
|
8
|
+
if (value === null || value === void 0) return () => {};
|
|
9
|
+
if (typeof value !== "function") throw new TypeError(DEV ? `event prop ${name} must be a function, null, or undefined` : "V201");
|
|
10
|
+
const reactEventName = name.slice(2);
|
|
11
|
+
const capture = reactEventName.endsWith("Capture") && !reactEventName.endsWith("PointerCapture");
|
|
12
|
+
const eventNameWithoutPhase = capture ? reactEventName.slice(0, -7) : reactEventName;
|
|
13
|
+
if (DEV && !isSupportedReactEventName(eventNameWithoutPhase)) throw new TypeError(DEV ? `unsupported event prop ${name}` : "V202");
|
|
14
|
+
if (eventNameWithoutPhase === "Change") return attachReactChangeEvent(element, value, capture);
|
|
15
|
+
const eventName = nativeEventName(eventNameWithoutPhase);
|
|
16
|
+
if (eventName === "input") {
|
|
17
|
+
const dispatch = (event) => invokeFormListener(element, value, event);
|
|
18
|
+
element.addEventListener(eventName, dispatch, capture);
|
|
19
|
+
return () => element.removeEventListener(eventName, dispatch, capture);
|
|
20
|
+
}
|
|
21
|
+
const dispatch = (event) => value(reactShapedEvent(event));
|
|
22
|
+
element.addEventListener(eventName, dispatch, capture);
|
|
23
|
+
return () => element.removeEventListener(eventName, dispatch, capture);
|
|
32
24
|
}
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
function isEventProp(name) {
|
|
26
|
+
return /^on[A-Z]/.test(name);
|
|
35
27
|
}
|
|
36
28
|
function attachReactChangeEvent(element, listener, capture) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
};
|
|
29
|
+
const dispatch = (event) => {
|
|
30
|
+
const target = event.target;
|
|
31
|
+
if (!(target instanceof Element) || !isReactFormChangeEvent(target, event.type)) return;
|
|
32
|
+
invokeFormListener(element, listener, event);
|
|
33
|
+
};
|
|
34
|
+
element.addEventListener("input", dispatch, capture);
|
|
35
|
+
element.addEventListener("change", dispatch, capture);
|
|
36
|
+
return () => {
|
|
37
|
+
element.removeEventListener("input", dispatch, capture);
|
|
38
|
+
element.removeEventListener("change", dispatch, capture);
|
|
39
|
+
};
|
|
49
40
|
}
|
|
50
41
|
function invokeFormListener(element, listener, event) {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
restoreControlledFormState(target);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
42
|
+
try {
|
|
43
|
+
listener(reactShapedEvent(event));
|
|
44
|
+
} finally {
|
|
45
|
+
const target = event.target;
|
|
46
|
+
if (isReactFormChangeEvent(target, event.type) && (target === element || event.cancelBubble)) restoreControlledFormState(target);
|
|
47
|
+
}
|
|
60
48
|
}
|
|
61
49
|
function reactShapedEvent(event) {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
50
|
+
const shaped = event;
|
|
51
|
+
shaped.nativeEvent ??= event;
|
|
52
|
+
shaped.isDefaultPrevented ??= () => event.defaultPrevented;
|
|
53
|
+
shaped.isPropagationStopped ??= () => event.cancelBubble;
|
|
54
|
+
shaped.persist ??= () => {};
|
|
55
|
+
return shaped;
|
|
68
56
|
}
|
|
69
57
|
function nativeEventName(reactEventName) {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
if (reactEventName === 'Blur')
|
|
75
|
-
return 'focusout';
|
|
76
|
-
return reactEventName.toLowerCase();
|
|
58
|
+
if (reactEventName === "DoubleClick") return "dblclick";
|
|
59
|
+
if (reactEventName === "Focus") return "focusin";
|
|
60
|
+
if (reactEventName === "Blur") return "focusout";
|
|
61
|
+
return reactEventName.toLowerCase();
|
|
77
62
|
}
|
|
63
|
+
//#endregion
|
|
64
|
+
export { attachEventProp, isEventProp };
|
|
65
|
+
|
|
78
66
|
//# sourceMappingURL=events.js.map
|
package/dist/dom/events.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","
|
|
1
|
+
{"version":3,"file":"events.js","names":[],"sources":["../../src/dom/events.ts"],"mappings":";;AAEA,MAAM,MAAM,OAAO,mBAAmB,eAAe;AAErD,SAAS,0BAA0B,MAAuB;CACxD,OAAO,83BAA83B,SACn4B,IAAI,KAAK,EACX;AACF;AAEA,SAAgB,gBAAgB,SAAkB,MAAc,OAA4B;CAC1F,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW,aAAa,CAAC;CACzD,IAAI,OAAO,UAAU,YACnB,MAAM,IAAI,UAAU,MAAM,cAAc,KAAK,2CAA2C,MAAM;CAGhG,MAAM,iBAAiB,KAAK,MAAM,CAAC;CACnC,MAAM,UAAU,eAAe,SAAS,SAAS,KAAK,CAAC,eAAe,SAAS,gBAAgB;CAC/F,MAAM,wBAAwB,UAC1B,eAAe,MAAM,GAAG,EAAiB,IACzC;CACJ,IAAI,OAAO,CAAC,0BAA0B,qBAAqB,GACzD,MAAM,IAAI,UAAU,MAAM,0BAA0B,SAAS,MAAM;CAErE,IAAI,0BAA0B,UAC5B,OAAO,uBAAuB,SAAS,OAAwB,OAAO;CAGxE,MAAM,YAAY,gBAAgB,qBAAqB;CACvD,IAAI,cAAc,SAAS;EACzB,MAAM,YAAY,UAChB,mBAAmB,SAAS,OAAwB,KAAK;EAC3D,QAAQ,iBAAiB,WAAW,UAAU,OAAO;EACrD,aAAa,QAAQ,oBAAoB,WAAW,UAAU,OAAO;CACvE;CACA,MAAM,YAAY,UAAwB,MAAwB,iBAAiB,KAAK,CAAC;CACzF,QAAQ,iBAAiB,WAAW,UAAU,OAAO;CACrD,aAAa,QAAQ,oBAAoB,WAAW,UAAU,OAAO;AACvE;AAEA,SAAgB,YAAY,MAAuB;CACjD,OAAO,WAAW,KAAK,IAAI;AAC7B;AAEA,SAAS,uBACP,SACA,UACA,SACY;CACZ,MAAM,YAAY,UAAuB;EACvC,MAAM,SAAS,MAAM;EACrB,IAAI,EAAE,kBAAkB,YAAY,CAAC,uBAAuB,QAAQ,MAAM,IAAI,GAAG;EACjF,mBAAmB,SAAS,UAAU,KAAK;CAC7C;CACA,QAAQ,iBAAiB,SAAS,UAAU,OAAO;CACnD,QAAQ,iBAAiB,UAAU,UAAU,OAAO;CACpD,aAAa;EACX,QAAQ,oBAAoB,SAAS,UAAU,OAAO;EACtD,QAAQ,oBAAoB,UAAU,UAAU,OAAO;CACzD;AACF;AAEA,SAAS,mBAAmB,SAAkB,UAAyB,OAAoB;CACzF,IAAI;EACF,SAAS,iBAAiB,KAAK,CAAC;CAClC,UAAU;EACR,MAAM,SAAS,MAAM;EACrB,IAAI,uBAAuB,QAAQ,MAAM,IAAI,MAAM,WAAW,WAAW,MAAM,eAC7E,2BAA2B,MAAM;CAErC;AACF;AAEA,SAAS,iBAAiB,OAAqB;CAC7C,MAAM,SAAS;CAMf,OAAO,gBAAgB;CACvB,OAAO,6BAA6B,MAAM;CAC1C,OAAO,+BAA+B,MAAM;CAC5C,OAAO,kBAAkB,CAAC;CAC1B,OAAO;AACT;AAEA,SAAS,gBAAgB,gBAAgC;CACvD,IAAI,mBAAmB,eAAe,OAAO;CAC7C,IAAI,mBAAmB,SAAS,OAAO;CACvC,IAAI,mBAAmB,QAAQ,OAAO;CACtC,OAAO,eAAe,YAAY;AACpC"}
|
package/dist/dom/forms.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
//#region src/dom/forms.d.ts
|
|
2
|
+
declare function isControlledFormProp(element: Element, name: string): boolean;
|
|
3
|
+
declare function ensureControlledFormRestoration(element: Element): () => void;
|
|
4
|
+
declare function isReactFormChangeEvent(element: Element, eventName: string): boolean;
|
|
5
|
+
declare function applyFormProp(element: Element, name: string, value: unknown): boolean;
|
|
6
|
+
declare function resetActionForm(form: HTMLFormElement): void;
|
|
7
|
+
declare function restoreControlledFormState(element: Element): void;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { applyFormProp, ensureControlledFormRestoration, isControlledFormProp, isReactFormChangeEvent, resetActionForm, restoreControlledFormState };
|
|
7
10
|
//# sourceMappingURL=forms.d.ts.map
|
package/dist/dom/forms.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"forms.d.ts","
|
|
1
|
+
{"version":3,"file":"forms.d.ts","names":[],"sources":["../../src/dom/forms.ts"],"mappings":";iBAMgB,qBAAqB,SAAS,SAAS;iBAUvC,gCAAgC,SAAS;iBA4BzC,uBAAuB,SAAS,SAAS;iBASzC,cAAc,SAAS,SAAS,cAAc;iBAgE9C,gBAAgB,MAAM;iBAqBtB,2BAA2B,SAAS"}
|