@odoo/owl 2.0.0 → 2.0.2

package/dist/types/owl.d.ts

@@ -4,7 +4,8 @@ declare class VToggler {
     parentEl?: HTMLElement | undefined;
     constructor(key: string, child: VNode);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VToggler | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement): void;
+    moveBeforeVNode(other: VToggler | null, afterNode: Node | null): void;
     patch(other: VToggler, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;
@@ -38,7 +39,8 @@ declare class VList {
     isOnlyChild?: boolean | undefined;
     constructor(children: VNode[]);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VList | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VList | null, afterNode: Node | null): void;
     patch(other: VList, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;
@@ -54,7 +56,8 @@ declare class VMulti {
     isOnlyChild?: boolean | undefined;
     constructor(children: (VNode | undefined)[]);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VMulti | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VMulti | null, afterNode: Node | null): void;
     patch(other: VMulti, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;
@@ -69,7 +72,8 @@ declare abstract class VSimpleNode {
     el?: any;
     constructor(text: string | String);
     mountNode(node: Node, parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VText | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VText | null, afterNode: Node | null): void;
     beforeRemove(): void;
     remove(): void;
     firstNode(): Node;
@@ -92,7 +96,8 @@ declare class VHtml {
     content: ChildNode[];
     constructor(html: string);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VHtml | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VHtml | null, afterNode: Node | null): void;
     patch(other: VHtml): void;
     beforeRemove(): void;
     remove(): void;
@@ -103,7 +108,8 @@ declare function html(str: string): VNode<VHtml>;
 
 interface VNode<T = any> {
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: T | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement): void;
+    moveBeforeVNode(other: T | null, afterNode: Node | null): void;
     patch(other: T, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;
@@ -118,73 +124,6 @@ declare function mount$1(vnode: VNode, fixture: HTMLElement, afterNode?: Node |
 declare function patch(vnode1: VNode, vnode2: VNode, withBeforeRemove?: boolean): void;
 declare function remove(vnode: VNode, withBeforeRemove?: boolean): void;
 
-declare type Callback = () => void;
-declare function validateTarget(target: HTMLElement): void;
-declare class EventBus extends EventTarget {
-    trigger(name: string, payload?: any): void;
-}
-declare function whenReady(fn?: any): Promise<void>;
-declare function loadFile(url: string): Promise<string>;
-declare class Markup extends String {
-}
-declare function markup(value: any): Markup;
-
-declare const TARGET: unique symbol;
-declare const SKIP: unique symbol;
-declare type Target = object;
-declare type Reactive<T extends Target = Target> = T & {
-    [TARGET]: any;
-};
-declare type NonReactive<T extends Target = Target> = T & {
-    [SKIP]: any;
-};
-/**
- * Mark an object or array so that it is ignored by the reactivity system
- *
- * @param value the value to mark
- * @returns the object itself
- */
-declare function markRaw<T extends Target>(value: T): NonReactive<T>;
-/**
- * Given a reactive objet, return the raw (non reactive) underlying object
- *
- * @param value a reactive value
- * @returns the underlying value
- */
-declare function toRaw<T extends object>(value: Reactive<T>): T;
-declare function getSubscriptions(callback: Callback): {
-    target: object;
-    keys: PropertyKey[];
-}[];
-/**
- * Creates a reactive proxy for an object. Reading data on the reactive object
- * subscribes to changes to the data. Writing data on the object will cause the
- * notify callback to be called if there are suscriptions to that data. Nested
- * objects and arrays are automatically made reactive as well.
- *
- * Whenever you are notified of a change, all subscriptions are cleared, and if
- * you would like to be notified of any further changes, you should go read
- * the underlying data again. We assume that if you don't go read it again after
- * being notified, it means that you are no longer interested in that data.
- *
- * Subscriptions:
- * + Reading a property on an object will subscribe you to changes in the value
- *    of that property.
- * + Accessing an object keys (eg with Object.keys or with `for..in`) will
- *    subscribe you to the creation/deletion of keys. Checking the presence of a
- *    key on the object with 'in' has the same effect.
- * - getOwnPropertyDescriptor does not currently subscribe you to the property.
- *    This is a choice that was made because changing a key's value will trigger
- *    this trap and we do not want to subscribe by writes. This also means that
- *    Object.hasOwnProperty doesn't subscribe as it goes through this trap.
- *
- * @param target the object for which to create a reactive proxy
- * @param callback the function to call when an observed property of the
- *  reactive has changed
- * @returns a proxy that tracks changes to it
- */
-declare function reactive<T extends Target>(target: T, callback?: Callback): Reactive<T> | NonReactive<T>;
-
 declare type BaseType = typeof String | typeof Boolean | typeof Number | typeof Date | typeof Object | typeof Array | true | "*";
 interface TypeInfo {
     type?: TypeDescription;
@@ -242,6 +181,66 @@ declare class MountFiber extends RootFiber {
     complete(): void;
 }
 
+declare type Callback = () => void;
+declare function validateTarget(target: HTMLElement): void;
+declare class EventBus extends EventTarget {
+    trigger(name: string, payload?: any): void;
+}
+declare function whenReady(fn?: any): Promise<void>;
+declare function loadFile(url: string): Promise<string>;
+declare class Markup extends String {
+}
+declare function markup(value: any): Markup;
+
+declare type Target = object;
+declare type Reactive<T extends Target> = T;
+/**
+ * Mark an object or array so that it is ignored by the reactivity system
+ *
+ * @param value the value to mark
+ * @returns the object itself
+ */
+declare function markRaw<T extends Target>(value: T): T;
+/**
+ * Given a reactive objet, return the raw (non reactive) underlying object
+ *
+ * @param value a reactive value
+ * @returns the underlying value
+ */
+declare function toRaw<T extends Target, U extends Reactive<T>>(value: U | T): T;
+declare function getSubscriptions(callback: Callback): {
+    target: object;
+    keys: PropertyKey[];
+}[];
+/**
+ * Creates a reactive proxy for an object. Reading data on the reactive object
+ * subscribes to changes to the data. Writing data on the object will cause the
+ * notify callback to be called if there are suscriptions to that data. Nested
+ * objects and arrays are automatically made reactive as well.
+ *
+ * Whenever you are notified of a change, all subscriptions are cleared, and if
+ * you would like to be notified of any further changes, you should go read
+ * the underlying data again. We assume that if you don't go read it again after
+ * being notified, it means that you are no longer interested in that data.
+ *
+ * Subscriptions:
+ * + Reading a property on an object will subscribe you to changes in the value
+ *    of that property.
+ * + Accessing an object's keys (eg with Object.keys or with `for..in`) will
+ *    subscribe you to the creation/deletion of keys. Checking the presence of a
+ *    key on the object with 'in' has the same effect.
+ * - getOwnPropertyDescriptor does not currently subscribe you to the property.
+ *    This is a choice that was made because changing a key's value will trigger
+ *    this trap and we do not want to subscribe by writes. This also means that
+ *    Object.hasOwnProperty doesn't subscribe as it goes through this trap.
+ *
+ * @param target the object for which to create a reactive proxy
+ * @param callback the function to call when an observed property of the
+ *  reactive has changed
+ * @returns a proxy that tracks changes to it
+ */
+declare function reactive<T extends Target>(target: T, callback?: Callback): T;
+
 declare const enum STATUS {
     NEW = 0,
     MOUNTED = 1,
@@ -261,7 +260,7 @@ declare function useComponent(): Component;
  *  relevant changes
  * @see reactive
  */
-declare function useState<T extends object>(state: T): Reactive<T> | NonReactive<T>;
+declare function useState<T extends object>(state: T): T;
 declare type LifecycleHook = Function;
 declare class ComponentNode<P extends Props = any, E = any> implements VNode<ComponentNode<P, E>> {
     el?: HTMLElement | Text | undefined;
@@ -302,7 +301,8 @@ declare class ComponentNode<P extends Props = any, E = any> implements VNode<Com
     updateDom(): void;
     firstNode(): Node | undefined;
     mount(parent: HTMLElement, anchor: ChildNode): void;
-    moveBefore(other: ComponentNode | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement): void;
+    moveBeforeVNode(other: ComponentNode<P, E> | null, afterNode: Node | null): void;
     patch(): void;
     _patch(): void;
     beforeRemove(): void;
@@ -529,4 +529,4 @@ declare const blockDom: {
 
 declare const __info__: {};
 
-export { App, Component, ComponentConstructor, EventBus, OwlError, Reactive, __info__, blockDom, loadFile, markRaw, markup, mount, onError, onMounted, onPatched, onRendered, onWillDestroy, onWillPatch, onWillRender, onWillStart, onWillUnmount, onWillUpdateProps, reactive, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, validate, whenReady, xml };
+export { App, Component, ComponentConstructor, EventBus, OwlError, __info__, blockDom, loadFile, markRaw, markup, mount, onError, onMounted, onPatched, onRendered, onWillDestroy, onWillPatch, onWillRender, onWillStart, onWillUnmount, onWillUpdateProps, reactive, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, validate, whenReady, xml };

package/dist/types/runtime/blockdom/html.d.ts

@@ -5,7 +5,8 @@ declare class VHtml {
     content: ChildNode[];
     constructor(html: string);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VHtml | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VHtml | null, afterNode: Node | null): void;
     patch(other: VHtml): void;
     beforeRemove(): void;
     remove(): void;

package/dist/types/runtime/blockdom/index.d.ts

@@ -8,7 +8,8 @@ export { html } from "./html";
 export { createCatcher } from "./event_catcher";
 export interface VNode<T = any> {
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: T | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement): void;
+    moveBeforeVNode(other: T | null, afterNode: Node | null): void;
     patch(other: T, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;

package/dist/types/runtime/blockdom/list.d.ts

@@ -6,7 +6,8 @@ declare class VList {
     isOnlyChild?: boolean | undefined;
     constructor(children: VNode[]);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VList | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VList | null, afterNode: Node | null): void;
     patch(other: VList, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;

package/dist/types/runtime/blockdom/multi.d.ts

@@ -6,7 +6,8 @@ export declare class VMulti {
     isOnlyChild?: boolean | undefined;
     constructor(children: (VNode | undefined)[]);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VMulti | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VMulti | null, afterNode: Node | null): void;
     patch(other: VMulti, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;

package/dist/types/runtime/blockdom/text.d.ts

@@ -5,7 +5,8 @@ declare abstract class VSimpleNode {
     el?: any;
     constructor(text: string | String);
     mountNode(node: Node, parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VText | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement | undefined): void;
+    moveBeforeVNode(other: VText | null, afterNode: Node | null): void;
     beforeRemove(): void;
     remove(): void;
     firstNode(): Node;

package/dist/types/runtime/blockdom/toggler.d.ts

@@ -5,7 +5,8 @@ declare class VToggler {
     parentEl?: HTMLElement | undefined;
     constructor(key: string, child: VNode);
     mount(parent: HTMLElement, afterNode: Node | null): void;
-    moveBefore(other: VToggler | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement): void;
+    moveBeforeVNode(other: VToggler | null, afterNode: Node | null): void;
     patch(other: VToggler, withBeforeRemove: boolean): void;
     beforeRemove(): void;
     remove(): void;

package/dist/types/runtime/component_node.d.ts

@@ -2,7 +2,7 @@ import type { App, Env } from "./app";
 import { BDom, VNode } from "./blockdom";
 import { Component, ComponentConstructor, Props } from "./component";
 import { Fiber, MountFiber, MountOptions } from "./fibers";
-import { getSubscriptions, NonReactive, Reactive } from "./reactivity";
+import { getSubscriptions } from "./reactivity";
 import { STATUS } from "./status";
 export declare function getCurrent(): ComponentNode;
 export declare function useComponent(): Component;
@@ -16,7 +16,7 @@ export declare function useComponent(): Component;
  *  relevant changes
  * @see reactive
  */
-export declare function useState<T extends object>(state: T): Reactive<T> | NonReactive<T>;
+export declare function useState<T extends object>(state: T): T;
 declare type LifecycleHook = Function;
 export declare class ComponentNode<P extends Props = any, E = any> implements VNode<ComponentNode<P, E>> {
     el?: HTMLElement | Text | undefined;
@@ -57,7 +57,8 @@ export declare class ComponentNode<P extends Props = any, E = any> implements VN
     updateDom(): void;
     firstNode(): Node | undefined;
     mount(parent: HTMLElement, anchor: ChildNode): void;
-    moveBefore(other: ComponentNode | null, afterNode: Node | null): void;
+    moveBeforeDOMNode(node: Node | null, parent?: HTMLElement): void;
+    moveBeforeVNode(other: ComponentNode<P, E> | null, afterNode: Node | null): void;
     patch(): void;
     _patch(): void;
     beforeRemove(): void;

package/dist/types/runtime/index.d.ts

@@ -1,5 +1,4 @@
 import { createBlock, html, list, mount as blockMount, multi, patch, remove, text, toggler, comment } from "./blockdom";
-export type { Reactive } from "./reactivity";
 export declare const blockDom: {
     config: {
         shouldNormalizeDom: boolean;

package/dist/types/runtime/reactivity.d.ts

@@ -1,27 +1,20 @@
 import { Callback } from "./utils";
-export declare const TARGET: unique symbol;
-declare const SKIP: unique symbol;
 declare type Target = object;
-export declare type Reactive<T extends Target = Target> = T & {
-    [TARGET]: any;
-};
-export declare type NonReactive<T extends Target = Target> = T & {
-    [SKIP]: any;
-};
+declare type Reactive<T extends Target> = T;
 /**
  * Mark an object or array so that it is ignored by the reactivity system
  *
  * @param value the value to mark
  * @returns the object itself
  */
-export declare function markRaw<T extends Target>(value: T): NonReactive<T>;
+export declare function markRaw<T extends Target>(value: T): T;
 /**
  * Given a reactive objet, return the raw (non reactive) underlying object
  *
  * @param value a reactive value
  * @returns the underlying value
  */
-export declare function toRaw<T extends object>(value: Reactive<T>): T;
+export declare function toRaw<T extends Target, U extends Reactive<T>>(value: U | T): T;
 /**
  * Clears all subscriptions of the Reactives associated with a given callback.
  *
@@ -32,6 +25,7 @@ export declare function getSubscriptions(callback: Callback): {
     target: object;
     keys: PropertyKey[];
 }[];
+export declare const targets: WeakMap<object, object>;
 /**
  * Creates a reactive proxy for an object. Reading data on the reactive object
  * subscribes to changes to the data. Writing data on the object will cause the
@@ -46,7 +40,7 @@ export declare function getSubscriptions(callback: Callback): {
  * Subscriptions:
  * + Reading a property on an object will subscribe you to changes in the value
  *    of that property.
- * + Accessing an object keys (eg with Object.keys or with `for..in`) will
+ * + Accessing an object's keys (eg with Object.keys or with `for..in`) will
  *    subscribe you to the creation/deletion of keys. Checking the presence of a
  *    key on the object with 'in' has the same effect.
  * - getOwnPropertyDescriptor does not currently subscribe you to the property.
@@ -59,5 +53,5 @@ export declare function getSubscriptions(callback: Callback): {
  *  reactive has changed
  * @returns a proxy that tracks changes to it
  */
-export declare function reactive<T extends Target>(target: T, callback?: Callback): Reactive<T> | NonReactive<T>;
+export declare function reactive<T extends Target>(target: T, callback?: Callback): T;
 export {};

package/dist/types/runtime/template_helpers.d.ts

@@ -8,7 +8,7 @@ import { OwlError } from "./error_handling";
  */
 declare function withDefault(value: any, defaultValue: any): any;
 declare function callSlot(ctx: any, parent: any, key: string, name: string, dynamic: boolean, extra: any, defaultContent?: (ctx: any, node: any, key: string) => BDom): BDom;
-declare function capture(ctx: any): any;
+declare function capture(ctx: any, component: any): any;
 declare function withKey(elem: any, k: string): any;
 declare function prepareList(collection: any): [any[], any[], number, any[]];
 declare function setContextValue(ctx: {
@@ -27,7 +27,7 @@ declare class LazyValue {
     toString(): any;
 }
 export declare function safeOutput(value: any, defaultValue?: any): ReturnType<typeof toggler>;
-declare function bind(ctx: any, fn: Function): Function;
+declare function bind(component: any, fn: Function): Function;
 declare type RefMap = {
     [key: string]: HTMLElement | null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/owl",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Odoo Web Library (OWL)",
   "main": "dist/owl.cjs.js",
   "module": "dist/owl.es.js",