ddd-react 1.7.2 → 1.9.0

package/dist/component.d.ts

@@ -4,6 +4,7 @@ export declare abstract class Component<P = {}, S = {}, C = null> {
     vdom: VDOMNode | null;
     private hostEl;
     parent: Component | null;
+    static defaultProps: any;
     props: P & WithChildrenProps;
     state: S;
     context: C;
@@ -26,6 +27,7 @@ export declare abstract class Component<P = {}, S = {}, C = null> {
     didUpdate(prevProps: P, prevState: S): void | Promise<void>;
     willUnmount(): void | Promise<void>;
     didUnmount(): void | Promise<void>;
+    shouldComponentUpdate(oldProps: P, nextProps: P): boolean;
     abstract render(): VDOMNode;
     get elements(): HTMLElement[];
     get firstElement(): HTMLElement | undefined;
@@ -37,4 +39,5 @@ export declare abstract class Component<P = {}, S = {}, C = null> {
     private patch;
     private updateContext;
     private subscribeToProvider;
+    getDefaultProps(): P;
 }

package/dist/index.mjs

@@ -1,157 +1,157 @@
 import { D as c, e as v, a as x, A as E, b as U, h as F, c as I } from "./h-BbaMkkC7.mjs";
-import { d as Oe, f as me } from "./h-BbaMkkC7.mjs";
-function g(t, e) {
-  if (t === null || e === null || t === void 0 || e === void 0)
-    return t === e;
-  if (typeof t != typeof e)
+import { d as Ot, f as mt } from "./h-BbaMkkC7.mjs";
+function g(e, t) {
+  if (e === null || t === null || e === void 0 || t === void 0)
+    return e === t;
+  if (typeof e != typeof t)
     return !1;
-  if (Object.is(t, e))
+  if (Object.is(e, t))
     return !0;
-  if (typeof t == "object") {
-    if (t.constructor !== e.constructor)
+  if (typeof e == "object") {
+    if (e.constructor !== t.constructor)
       return !1;
-    if (Array.isArray(t)) {
-      if (t.length !== e.length)
+    if (Array.isArray(e)) {
+      if (e.length !== t.length)
         return !1;
-      for (let n = 0; n < t.length; ++n)
-        if (!g(t[n], e[n]))
+      for (let n = 0; n < e.length; ++n)
+        if (!g(e[n], t[n]))
           return !1;
       return !0;
     }
-    if (t.constructor === RegExp)
-      return t.source === e.source && t.flags === e.flags;
-    if (t.valueOf !== Object.prototype.valueOf)
-      return t.valueOf() === e.valueOf();
-    if (t.toString !== Object.prototype.toString)
-      return t.toString() === e.toString();
-    const r = Object.keys(t);
-    if (r.length !== Object.keys(e).length)
+    if (e.constructor === RegExp)
+      return e.source === t.source && e.flags === t.flags;
+    if (e.valueOf !== Object.prototype.valueOf)
+      return e.valueOf() === t.valueOf();
+    if (e.toString !== Object.prototype.toString)
+      return e.toString() === t.toString();
+    const r = Object.keys(e);
+    if (r.length !== Object.keys(t).length)
       return !1;
     for (let n = 0; n < r.length; ++n)
-      if (!Object.prototype.hasOwnProperty.call(e, r[n]))
+      if (!Object.prototype.hasOwnProperty.call(t, r[n]))
         return !1;
     for (let n = 0; n < r.length; ++n) {
       const s = r[n];
-      if (!(s === "_owner" && t.$$typeof) && !g(t[s], e[s]))
+      if (!(s === "_owner" && e.$$typeof) && !g(e[s], t[s]))
         return !1;
     }
     return !0;
   }
   return !1;
 }
-function S(t, e, r, n = null) {
+function S(e, t, r, n = null) {
   function s(i) {
     const o = i;
-    n ? e.call(n, o) : e(o);
+    n ? t.call(n, o) : t(o);
   }
-  return r.addEventListener(t, s), s;
+  return r.addEventListener(e, s), s;
 }
-function $(t = {}, e, r = null) {
+function $(e = {}, t, r = null) {
   const n = {};
-  return Object.entries(t).forEach(([s, i]) => {
+  return Object.entries(e).forEach(([s, i]) => {
     n[s] = S(
       s,
       i,
-      e,
+      t,
       r
     );
   }), n;
 }
-function q(t = {}, e) {
-  Object.entries(t).forEach(([r, n]) => {
-    e.removeEventListener(r, n);
+function q(e = {}, t) {
+  Object.entries(e).forEach(([r, n]) => {
+    t.removeEventListener(r, n);
   });
 }
-function h(t) {
-  const { type: e } = t;
-  switch (e) {
+function h(e) {
+  const { type: t } = e;
+  switch (t) {
     case c.TEXT: {
-      G(t);
+      G(e);
       break;
     }
     case c.ELEMENT: {
-      _(t);
+      _(e);
       break;
     }
     case c.FRAGMENT: {
-      B(t);
+      B(e);
       break;
     }
     case c.COMPONENT: {
-      t.component?.unmount();
+      e.component?.unmount();
       break;
     }
     case c.PORTAL: {
-      X(t);
+      X(e);
       break;
     }
     default:
-      throw new Error(`Can't destroy DOM of type: ${e}`);
+      throw new Error(`Can't destroy DOM of type: ${t}`);
   }
-  delete t.el;
+  delete e.el;
 }
-function G(t) {
-  const { el: e } = t;
-  e && e.remove();
+function G(e) {
+  const { el: t } = e;
+  t && t.remove();
 }
-function _(t) {
-  const { el: e, children: r, listeners: n, props: s } = t;
-  s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), e && e.remove(), r && r.forEach(h), n && e && (q(n, e), delete t.listeners);
+function _(e) {
+  const { el: t, children: r, listeners: n, props: s } = e;
+  s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), t && t.remove(), r && r.forEach(h), n && t && (q(n, t), delete e.listeners);
 }
-function B(t) {
-  const { children: e } = t;
-  e && e.forEach(h);
+function B(e) {
+  const { children: t } = e;
+  t && t.forEach(h);
 }
-function X(t) {
-  const { children: e } = t;
-  e && e.forEach(h);
+function X(e) {
+  const { children: t } = e;
+  t && t.forEach(h);
 }
-function C(t, e, r) {
-  t.style[e] = r.toString();
+function C(e, t, r) {
+  e.style[t] = r.toString();
 }
-function J(t, e) {
-  t.style[e] = null;
+function J(e, t) {
+  e.style[t] = null;
 }
-function K(t, e) {
-  const { class: r, style: n, ...s } = e;
-  r && W(t, r), n && Object.entries(n).forEach(([i, o]) => {
-    C(t, i, o);
+function K(e, t) {
+  const { class: r, style: n, ...s } = t;
+  r && W(e, r), n && Object.entries(n).forEach(([i, o]) => {
+    C(e, i, o);
   });
   for (const [i, o] of Object.entries(s))
-    w(t, i, o);
+    w(e, i, o);
 }
-function W(t, e) {
-  if (t instanceof SVGElement) {
-    t.removeAttribute("class"), typeof e == "string" ? t.setAttribute("class", e) : Array.isArray(e) && t.classList.add(...e);
+function W(e, t) {
+  if (e instanceof SVGElement) {
+    e.removeAttribute("class"), typeof t == "string" ? e.setAttribute("class", t) : Array.isArray(t) && e.classList.add(...t);
     return;
   }
-  t.className = "", typeof e == "string" ? t.className = e : Array.isArray(e) && t.classList.add(...e);
+  e.className = "", typeof t == "string" ? e.className = t : Array.isArray(t) && e.classList.add(...t);
 }
-function w(t, e, r) {
-  r == null ? L(t, e) : t.setAttribute(e, String(r));
+function w(e, t, r) {
+  r == null ? L(e, t) : e.setAttribute(t, String(r));
 }
-function L(t, e) {
-  t[e] = null, t.removeAttribute(e);
+function L(e, t) {
+  e[t] = null, e.removeAttribute(t);
 }
 let P = !1;
 const O = [];
-function d(t) {
-  O.push(t), Y();
+function d(e) {
+  O.push(e), Y();
 }
 function Y() {
   P || (P = !0, queueMicrotask(H));
 }
 function H() {
   for (; O.length > 0; ) {
-    const t = O.shift();
-    let e;
+    const e = O.shift();
+    let t;
     try {
-      e = t();
+      t = e();
     } catch (r) {
       console.error(`[scheduler]: ${r}`);
       continue;
     }
-    Promise.resolve(e).then(
+    Promise.resolve(t).then(
       () => {
       },
       (r) => {
@@ -161,166 +161,166 @@ function H() {
   }
   P = !1;
 }
-function A(t) {
-  const { on: e = {}, ...r } = t.props;
-  return delete r.key, { props: r, events: e };
+function A(e) {
+  const { on: t = {}, ...r } = e.props;
+  return delete r.key, { props: r, events: t };
 }
-function p(t, e, r = null, n = null) {
-  switch (t.type) {
+function p(e, t, r = null, n = null) {
+  switch (e.type) {
     case c.TEXT: {
-      z(t, e, r);
+      z(e, t, r);
       break;
     }
     case c.ELEMENT: {
-      Z(t, e, r, n);
+      Z(e, t, r, n);
       break;
     }
     case c.FRAGMENT: {
-      Q(t, e, r, n);
+      Q(e, t, r, n);
       break;
     }
     case c.COMPONENT: {
-      ee(t, e, r, n);
-      const s = t.component;
+      tt(e, t, r, n);
+      const s = e.component;
       s && d(() => s.didMount());
       break;
     }
     case c.PORTAL: {
-      te(t, n);
+      et(e, n);
       break;
     }
     default:
-      throw new Error(`Can't mount DOM of type: ${t.type}`);
+      throw new Error(`Can't mount DOM of type: ${e.type}`);
   }
 }
-function z(t, e, r) {
-  const { value: n } = t, s = document.createTextNode(n);
-  t.el = s, j(s, e, r);
+function z(e, t, r) {
+  const { value: n } = e, s = document.createTextNode(n);
+  e.el = s, j(s, t, r);
 }
-function Q(t, e, r, n) {
-  const { children: s } = t;
-  t.el = e, s?.forEach((i, o) => {
-    p(i, e, r != null ? r + o : null, n);
+function Q(e, t, r, n) {
+  const { children: s } = e;
+  e.el = t, s?.forEach((i, o) => {
+    p(i, t, r != null ? r + o : null, n);
   });
 }
-function Z(t, e, r, n) {
-  const { tag: s, children: i } = t, u = s === "svg" || e instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
-  V(u, t, n), t.el = u, i?.forEach((l) => {
-    p(l, u, null, n);
-  }), j(u, e, r);
+function Z(e, t, r, n) {
+  const { tag: s, children: i } = e, f = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
+  V(f, e, n), e.el = f, i?.forEach((l) => {
+    p(l, f, null, n);
+  }), j(f, t, r);
 }
-function V(t, e, r) {
-  const { props: n, events: s } = A(e);
-  n.ref && typeof n.ref == "object" && "current" in n.ref && (n.ref.current = t, delete n.ref), e.listeners = $(s, t, r), K(t, n);
+function V(e, t, r) {
+  const { props: n, events: s } = A(t);
+  n.ref && typeof n.ref == "object" && "current" in n.ref && (n.ref.current = e, delete n.ref), t.listeners = $(s, e, r), K(e, n);
 }
-function ee(t, e, r, n) {
-  const s = t.tag, { props: i } = A(t), o = new s(i, n);
-  o.mount(e, r), t.component = o, t.el = o.firstElement || null;
+function tt(e, t, r, n) {
+  const s = e.tag, { props: i } = A(e), o = new s(i, n);
+  o.mount(t, r), e.component = o, e.el = o.firstElement || null;
 }
-function j(t, e, r) {
+function j(e, t, r) {
   if (r == null) {
-    e.append(t);
+    t.append(e);
     return;
   }
   if (r < 0)
     throw new Error(`Index must be a positive integer, got ${r}`);
-  const n = e.childNodes;
-  r >= n.length ? e.append(t) : e.insertBefore(t, n[r]);
+  const n = t.childNodes;
+  r >= n.length ? t.append(e) : t.insertBefore(e, n[r]);
 }
-function te(t, e) {
-  const { children: r, container: n } = t;
+function et(e, t) {
+  const { children: r, container: n } = e;
   r?.forEach((s) => {
-    p(s, n, null, e);
+    p(s, n, null, t);
   });
 }
-function D(t, e) {
-  if (t.type !== e.type)
+function D(e, t) {
+  if (e.type !== t.type)
     return !1;
-  if (t.type === c.ELEMENT) {
-    const r = t, n = e, {
+  if (e.type === c.ELEMENT) {
+    const r = e, n = t, {
       tag: s,
       props: { key: i }
     } = r, {
       tag: o,
-      props: { key: u }
+      props: { key: f }
     } = n;
-    return s === o && i === u;
+    return s === o && i === f;
   }
-  if (t.type === c.COMPONENT) {
-    const r = t, n = e, { tag: s } = r, { tag: i } = n;
+  if (e.type === c.COMPONENT) {
+    const r = e, n = t, { tag: s } = r, { tag: i } = n;
     return s === i;
   }
-  if (t.type === c.PORTAL) {
-    const r = t, n = e;
+  if (e.type === c.PORTAL) {
+    const r = e, n = t;
     return r.container === n.container;
   }
   return !0;
 }
-function T(t, e) {
-  const r = Object.keys(t), n = Object.keys(e), s = [], i = [];
+function T(e, t) {
+  const r = Object.keys(e), n = Object.keys(t), s = [], i = [];
   for (const o of n)
-    o in t ? t[o] !== e[o] && i.push(o) : s.push(o);
+    o in e ? e[o] !== t[o] && i.push(o) : s.push(o);
   return {
     added: s,
-    removed: r.filter((o) => !(o in e)),
+    removed: r.filter((o) => !(o in t)),
     updated: i
   };
 }
-function re(t) {
-  return t !== "";
+function rt(e) {
+  return e !== "";
 }
-function N(t) {
-  return re(t.trim());
+function N(e) {
+  return rt(e.trim());
 }
-function m(t, e, r, n = null) {
-  if (!D(t, e)) {
-    const s = ne(r, t.el);
-    return h(t), p(e, r, s, n), e;
+function m(e, t, r, n = null) {
+  if (!D(e, t)) {
+    const s = nt(r, e.el);
+    return h(e), p(t, r, s, n), t;
   }
-  switch (e.el = t.el, e.type) {
+  switch (t.el = e.el, t.type) {
     case c.TEXT:
-      return se(t, e), e;
+      return st(e, t), t;
     case c.ELEMENT: {
-      oe(t, e, n);
+      ot(e, t, n);
       break;
     }
     case c.COMPONENT: {
-      le(t, e);
+      lt(e, t);
       break;
     }
     case c.PORTAL: {
-      ae(t, e, n);
+      at(e, t, n);
       break;
     }
   }
-  return R(t, e, n), e;
+  return R(e, t, n), t;
 }
-function ne(t, e) {
-  if (!e) return null;
-  const r = Array.from(t.childNodes).indexOf(e);
+function nt(e, t) {
+  if (!t) return null;
+  const r = Array.from(e.childNodes).indexOf(t);
   return r < 0 ? null : r;
 }
-function se(t, e) {
-  const r = t.el, { value: n } = t, { value: s } = e;
+function st(e, t) {
+  const r = e.el, { value: n } = e, { value: s } = t;
   n !== s && r && (r.nodeValue = s);
 }
-function oe(t, e, r) {
-  const n = t.el, {
+function ot(e, t, r) {
+  const n = e.el, {
     class: s,
     style: i,
     on: o,
-    ...u
-  } = t.props ?? {}, {
+    ...f
+  } = e.props ?? {}, {
     class: l,
-    style: f,
+    style: u,
     on: a,
     ...y
-  } = e.props ?? {}, { listeners: b } = t;
-  ie(n, u, y), ce(n, s, l), fe(
+  } = t.props ?? {}, { listeners: b } = e;
+  it(n, f, y), ct(n, s, l), ut(
     n,
     i,
-    f
-  ), e.listeners = ue(
+    u
+  ), t.listeners = ft(
     n,
     b,
     o ?? {},
@@ -328,90 +328,91 @@ function oe(t, e, r) {
     r
   );
 }
-function ie(t, e = {}, r = {}) {
-  const n = e.ref, s = r.ref;
-  n !== s && (n && typeof n == "object" && "current" in n && (n.current = null), s && typeof s == "object" && "current" in s && (s.current = t));
-  const i = { ...e }, o = { ...r };
+function it(e, t = {}, r = {}) {
+  const n = t.ref, s = r.ref;
+  n !== s && (n && typeof n == "object" && "current" in n && (n.current = null), s && typeof s == "object" && "current" in s && (s.current = e));
+  const i = { ...t }, o = { ...r };
   delete i.ref, delete o.ref;
-  const { added: u, removed: l, updated: f } = T(i, o);
+  const { added: f, removed: l, updated: u } = T(i, o);
   for (const a of l)
-    L(t, a);
-  for (const a of u.concat(f))
-    w(t, a, o[a]);
+    L(e, a);
+  for (const a of f.concat(u))
+    w(e, a, o[a]);
 }
-function ce(t, e, r) {
-  const n = M(e), s = M(r), { added: i, removed: o } = U(n, s);
-  o.length > 0 && t.classList.remove(...o), i.length > 0 && t.classList.add(...i);
+function ct(e, t, r) {
+  const n = M(t), s = M(r), { added: i, removed: o } = U(n, s);
+  o.length > 0 && e.classList.remove(...o), i.length > 0 && e.classList.add(...i);
 }
-function M(t = "") {
-  return Array.isArray(t) ? t.filter(N) : String(t).split(/(\s+)/).filter(N);
+function M(e = "") {
+  return Array.isArray(e) ? e.filter(N) : String(e).split(/(\s+)/).filter(N);
 }
-function fe(t, e = {}, r = {}) {
-  const { added: n, removed: s, updated: i } = T(e, r);
+function ut(e, t = {}, r = {}) {
+  const { added: n, removed: s, updated: i } = T(t, r);
   for (const o of s)
-    J(t, o);
+    J(e, o);
   for (const o of n.concat(i))
-    C(t, o, r[o]);
+    C(e, o, r[o]);
 }
-function ue(t, e = {}, r = {}, n = {}, s = null) {
-  const { removed: i, added: o, updated: u } = T(r, n);
-  for (const f of i.concat(u)) {
-    const a = e?.[f];
-    a && t.removeEventListener(f, a);
+function ft(e, t = {}, r = {}, n = {}, s = null) {
+  const { removed: i, added: o, updated: f } = T(r, n);
+  for (const u of i.concat(f)) {
+    const a = t?.[u];
+    a && e.removeEventListener(u, a);
   }
   const l = {};
-  for (const f of o.concat(u))
-    l[f] = S(
-      f,
-      n[f],
-      t,
+  for (const u of o.concat(f))
+    l[u] = S(
+      u,
+      n[u],
+      e,
       s
     );
   return l;
 }
-function R(t, e, r) {
-  const n = v(t), s = v(e), i = t.el, o = x(n, s, D), u = r?.offset ?? 0;
+function R(e, t, r) {
+  const n = v(e), s = v(t), i = e.el, o = x(n, s, D), f = r?.offset ?? 0;
   for (const l of o)
     if (l.op === E.NOOP) {
-      const { originalIndex: f, index: a } = l;
-      m(n[f], s[a], i, r);
+      const { originalIndex: u, index: a } = l;
+      m(n[u], s[a], i, r);
     }
   for (const l of o)
     switch (l.op) {
       case E.MOVE: {
-        const { from: f, index: a } = l, y = n[f].el, b = i.childNodes[a + u];
-        y && (i.insertBefore(y, b), m(n[f], s[a], i, r));
+        const { from: u, index: a } = l, y = n[u].el, b = i.childNodes[a + f];
+        y && (i.insertBefore(y, b), m(n[u], s[a], i, r));
         break;
       }
       case E.REMOVE: {
-        const { item: f } = l;
-        h(f);
+        const { item: u } = l;
+        h(u);
         break;
       }
       case E.ADD: {
-        const { index: f, item: a } = l;
-        p(a, i, f + u, r);
+        const { index: u, item: a } = l;
+        p(a, i, u + f, r);
         break;
       }
     }
 }
-function le(t, e) {
-  const { component: r } = t, { props: n } = A(e);
-  r.updateProps(n), e.component = r, e.el = r.firstElement;
+function lt(e, t) {
+  const { component: r } = e, { props: n } = A(t);
+  r.updateProps(n), t.component = r, t.el = r.firstElement;
 }
-function ae(t, e, r) {
-  if (t.container !== e.container) {
-    h(t), p(e, document.body, null, r);
+function at(e, t, r) {
+  if (e.container !== t.container) {
+    h(e), p(t, document.body, null, r);
     return;
   }
-  R(t, e, r);
+  R(e, t, r);
 }
-const pe = (t) => t.isProvider, he = (t) => t.isConsumer;
+const pt = (e) => e.isProvider, ht = (e) => e.isConsumer;
 class k {
   isMounted = !1;
   vdom = null;
   hostEl = null;
   parent = null;
+  static defaultProps = {};
   props;
   state = {};
   context = null;
@@ -419,30 +420,31 @@ class k {
   subscribedProvider = null;
   isProvider = !1;
   isConsumer = !1;
-  constructor(e = {}, r) {
-    this.props = e, this.parent = r;
+  constructor(t = {}, r) {
+    const n = this.getDefaultProps();
+    this.props = { ...n, ...t }, this.parent = r;
   }
-  addDependency({ consumer: e }) {
-    this.dependencies.some((r) => r.consumer === e) || (this.dependencies.push({ consumer: e }), e.subscribedProvider = this);
+  addDependency({ consumer: t }) {
+    this.dependencies.some((r) => r.consumer === t) || (this.dependencies.push({ consumer: t }), t.subscribedProvider = this);
   }
-  removeDependency({ consumer: e }) {
-    const r = this.dependencies.findIndex((n) => n.consumer === e);
-    r !== -1 && (this.dependencies.splice(r, 1), e.subscribedProvider = null);
+  removeDependency({ consumer: t }) {
+    const r = this.dependencies.findIndex((n) => n.consumer === t);
+    r !== -1 && (this.dependencies.splice(r, 1), t.subscribedProvider = null);
   }
   notify() {
     d(() => {
-      this.dependencies.forEach(({ consumer: e }) => {
-        e.isMounted && e.updateContext() && e.patch(e.props, e.state);
+      this.dependencies.forEach(({ consumer: t }) => {
+        t.isMounted && t.updateContext() && t.patch(t.props, t.state);
       });
     });
   }
   didMount() {
     return Promise.resolve();
   }
-  willUpdate(e, r) {
+  willUpdate(t, r) {
     return Promise.resolve();
   }
-  didUpdate(e, r) {
+  didUpdate(t, r) {
     return Promise.resolve();
   }
   willUnmount() {
@@ -451,8 +453,11 @@ class k {
   didUnmount() {
     return Promise.resolve();
   }
+  shouldComponentUpdate(t, r) {
+    return g(t, r);
+  }
   get elements() {
-    return this.vdom == null ? [] : this.vdom.type === c.FRAGMENT ? v(this.vdom).flatMap((e) => e.type === c.COMPONENT && e.component ? e.component.elements : e.el ? [e.el] : []) : this.vdom.el ? [this.vdom.el] : [];
+    return this.vdom == null ? [] : this.vdom.type === c.FRAGMENT ? v(this.vdom).flatMap((t) => t.type === c.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
   }
   get firstElement() {
     return this.elements[0];
@@ -460,65 +465,66 @@ class k {
   get offset() {
     return this.vdom?.type === c.FRAGMENT && this.hostEl && this.firstElement ? Array.from(this.hostEl.children).indexOf(this.firstElement) : 0;
   }
-  updateProps(e) {
-    const r = { ...this.props, ...e }, n = this.props;
-    this.props = r;
-    const s = this.updateContext();
-    g(n, r) && !s || (pe(this) && this.notify(), this.patch(n, this.state));
+  updateProps(t) {
+    const n = { ...this.getDefaultProps(), ...this.props, ...t }, s = this.props;
+    this.props = n, !this.shouldComponentUpdate(s, n) && (pt(this) && this.notify(), this.patch(s, this.state));
   }
-  setState(e) {
+  setState(t) {
     const r = this.state;
-    typeof e == "function" ? this.state = {
+    typeof t == "function" ? this.state = {
       ...this.state,
-      ...e(this.state, this.props)
-    } : this.state = { ...this.state, ...e }, this.patch(this.props, r);
+      ...t(this.state, this.props)
+    } : this.state = { ...this.state, ...t }, this.patch(this.props, r);
   }
-  mount(e, r = null) {
+  mount(t, r = null) {
     if (this.isMounted)
       throw new Error("Component is already mounted");
-    he(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), p(this.vdom, e, r, this), this.hostEl = e, this.isMounted = !0;
+    ht(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), p(this.vdom, t, r, this), this.hostEl = t, this.isMounted = !0;
   }
   unmount() {
-    this.isMounted && (d(() => this.willUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: e }) => {
-      e.subscribedProvider = null;
+    this.isMounted && (d(() => this.willUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
+      t.subscribedProvider = null;
     }), this.dependencies = [], this.vdom && h(this.vdom), d(() => this.didUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1);
   }
-  patch(e, r) {
+  patch(t, r) {
     if (!this.isMounted || !this.hostEl || !this.vdom)
       return;
     d(() => this.willUpdate(this.props, this.state));
     const n = this.render();
-    this.vdom = m(this.vdom, n, this.hostEl, this), d(() => this.didUpdate(e, r));
+    this.vdom = m(this.vdom, n, this.hostEl, this), d(() => this.didUpdate(t, r));
   }
   updateContext() {
-    const e = Object.getPrototypeOf(this).constructor.contextType;
+    const t = Object.getPrototypeOf(this).constructor.contextType;
     let r = this.parent;
-    if (e != null) {
+    if (t != null) {
       for (; r; ) {
-        if (Object.getPrototypeOf(r).constructor === e.Provider)
+        if (Object.getPrototypeOf(r).constructor === t.Provider)
           return this.context = r.props.value, !0;
         r = r.parent;
       }
-      r == null && (this.context = e.defaultValue);
+      r == null && (this.context = t.defaultValue);
     }
     return !1;
   }
   subscribeToProvider() {
-    const e = Object.getPrototypeOf(this).constructor.contextType;
-    if (!e)
+    const t = Object.getPrototypeOf(this).constructor.contextType;
+    if (!t)
       return;
     let r = this.parent;
     for (; r; ) {
-      if (Object.getPrototypeOf(r).constructor === e.Provider) {
+      if (Object.getPrototypeOf(r).constructor === t.Provider) {
         r.addDependency({ consumer: this });
         break;
       }
       r = r.parent;
     }
   }
+  getDefaultProps() {
+    return this.constructor.defaultProps || {};
+  }
 }
-function ye(t) {
-  class e extends k {
+function yt(e) {
+  class t extends k {
     isProvider = !0;
     render() {
       let s = [];
@@ -527,8 +533,8 @@ function ye(t) {
   }
   class r extends k {
     static contextType = {
-      Provider: e,
-      defaultValue: t
+      Provider: t,
+      defaultValue: e
     };
     isConsumer = !0;
     render() {
@@ -546,32 +552,32 @@ function ye(t) {
     }
   }
   return {
-    Provider: e,
+    Provider: t,
     Consumer: r,
-    defaultValue: t
+    defaultValue: e
   };
 }
-function Ee(t, e) {
-  if (!e)
+function Et(e, t) {
+  if (!t)
     throw new Error("Container element is not provided for rendering.");
-  p(t, e);
+  p(e, t);
 }
-function be(t = null) {
+function bt(e = null) {
   return {
-    current: t
+    current: e
   };
 }
-function ve(t, e) {
-  const r = Array.isArray(t) ? t : [t];
-  return I(r, e);
+function vt(e, t) {
+  const r = Array.isArray(e) ? e : [e];
+  return I(r, t);
 }
 export {
   k as Component,
-  ye as createContext,
-  ve as createPortal,
-  be as createRef,
-  Oe as h,
+  yt as createContext,
+  vt as createPortal,
+  bt as createRef,
+  Ot as h,
   F as hFragment,
-  me as hString,
-  Ee as render
+  mt as hString,
+  Et as render
 };

package/dist/jsx-dev-runtime.d.ts

@@ -1 +1,2 @@
-export { Fragment, jsxDEV } from './jsx/jsx-dev-runtime';
+import { Fragment, jsx as jsxDEV } from './jsx-runtime';
+export { Fragment, jsxDEV };

package/dist/jsx-runtime.d.ts

@@ -1 +1,4 @@
-export { Fragment, jsx } from './jsx/jsx-runtime';
+import type { IProp, VDOMNode } from './types';
+export declare const Fragment: unique symbol;
+export type Child = VDOMNode | string | number | boolean | null | undefined;
+export declare function jsx(tag: unknown, props?: IProp, ...children: Array<Child | Child[]>): VDOMNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddd-react",
-  "version": "1.7.2",
+  "version": "1.9.0",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "type-check": "tsc --noEmit",

package/dist/jsx/jsx-dev-runtime.d.ts

@@ -1,2 +0,0 @@
-import { Fragment, jsx as jsxDEV } from './jsx-runtime';
-export { Fragment, jsxDEV };

package/dist/jsx/jsx-runtime.d.ts

@@ -1,4 +0,0 @@
-import type { IProp, VDOMNode } from '../types';
-export declare const Fragment: unique symbol;
-export type Child = VDOMNode | string | number | boolean | null | undefined;
-export declare function jsx(tag: unknown, props?: IProp, ...children: Array<Child | Child[]>): VDOMNode;