ddd-react 1.3.0 → 1.3.2

package/dist/index.mjs

@@ -1,753 +0,0 @@
-function O(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(e, t))
-    return !0;
-  if (typeof e == "object") {
-    if (e.constructor !== t.constructor)
-      return !1;
-    if (Array.isArray(e)) {
-      if (e.length !== t.length)
-        return !1;
-      for (let r = 0; r < e.length; ++r)
-        if (!O(e[r], t[r]))
-          return !1;
-      return !0;
-    }
-    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 n = Object.keys(e);
-    if (n.length !== Object.keys(t).length)
-      return !1;
-    for (let r = 0; r < n.length; ++r)
-      if (!Object.prototype.hasOwnProperty.call(t, n[r]))
-        return !1;
-    for (let r = 0; r < n.length; ++r) {
-      const s = n[r];
-      if (!(s === "_owner" && e.$$typeof) && !O(e[s], t[s]))
-        return !1;
-    }
-    return !0;
-  }
-  return !1;
-}
-function R(e, t, n, r = null) {
-  function s(o) {
-    const i = o;
-    r ? t.call(r, i) : t(i);
-  }
-  return n.addEventListener(e, s), s;
-}
-function W(e = {}, t, n = null) {
-  const r = {};
-  return Object.entries(e).forEach(([s, o]) => {
-    r[s] = R(
-      s,
-      o,
-      t,
-      n
-    );
-  }), r;
-}
-function $(e = {}, t) {
-  Object.entries(e).forEach(([n, r]) => {
-    t.removeEventListener(n, r);
-  });
-}
-const h = {
-  ADD: "add",
-  REMOVE: "remove",
-  MOVE: "move",
-  NOOP: "noop"
-}, f = {
-  TEXT: "text",
-  ELEMENT: "element",
-  FRAGMENT: "fragment",
-  COMPONENT: "component",
-  PORTAL: "portal"
-};
-function d(e) {
-  const { type: t } = e;
-  switch (t) {
-    case f.TEXT: {
-      B(e);
-      break;
-    }
-    case f.ELEMENT: {
-      X(e);
-      break;
-    }
-    case f.FRAGMENT: {
-      _(e);
-      break;
-    }
-    case f.COMPONENT: {
-      e.component?.unmount();
-      break;
-    }
-    case f.PORTAL: {
-      z(e);
-      break;
-    }
-    default:
-      throw new Error(`Can't destroy DOM of type: ${t}`);
-  }
-  delete e.el;
-}
-function B(e) {
-  const { el: t } = e;
-  t && t.remove();
-}
-function X(e) {
-  const { el: t, children: n, listeners: r, props: s } = e;
-  s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), t && t.remove(), n && n.forEach(d), r && t && ($(r, t), delete e.listeners);
-}
-function _(e) {
-  const { children: t } = e;
-  t && t.forEach(d);
-}
-function z(e) {
-  const { children: t } = e;
-  t && t.forEach(d);
-}
-function T(e) {
-  return e.filter((t) => t != null);
-}
-function J(e, t) {
-  return {
-    added: t.filter((n) => !e.includes(n)),
-    removed: e.filter((n) => !t.includes(n))
-  };
-}
-class K {
-  #t = [];
-  #e = [];
-  #n;
-  constructor(t, n) {
-    this.#t = [...t], this.#e = t.map((r, s) => s), this.#n = n;
-  }
-  isAddition(t, n) {
-    return this.findIndexFrom(t, n) === -1;
-  }
-  isNoop(t, n) {
-    if (t >= this.length)
-      return !1;
-    const r = this.#t[t], s = n[t];
-    return this.#n(r, s);
-  }
-  isRemoval(t, n) {
-    if (t >= this.length)
-      return !1;
-    const r = this.#t[t];
-    return n.findIndex(
-      (o) => this.#n(r, o)
-    ) === -1;
-  }
-  findIndexFrom(t, n) {
-    for (let r = n; r < this.length; r++)
-      if (this.#n(t, this.#t[r]))
-        return r;
-    return -1;
-  }
-  originalIndexAt(t) {
-    return this.#e[t];
-  }
-  noopItem(t) {
-    return {
-      op: h.NOOP,
-      originalIndex: this.originalIndexAt(t),
-      index: t,
-      item: this.#t[t]
-    };
-  }
-  removeItemsAfter(t) {
-    const n = [];
-    for (; this.length > t; )
-      n.push(this.removeItem(t));
-    return n;
-  }
-  removeItem(t) {
-    const n = {
-      op: h.REMOVE,
-      index: t,
-      item: this.#t[t]
-    };
-    return this.#t.splice(t, 1), this.#e.splice(t, 1), n;
-  }
-  addItem(t, n) {
-    const r = {
-      op: h.ADD,
-      index: n,
-      item: t
-    };
-    return this.#t.splice(n, 0, t), this.#e.splice(n, 0, -1), r;
-  }
-  moveItem(t, n) {
-    const r = this.findIndexFrom(t, n), s = {
-      op: h.MOVE,
-      originalIndex: this.originalIndexAt(r),
-      from: r,
-      index: n,
-      item: this.#t[r]
-    }, [o] = this.#t.splice(r, 1);
-    this.#t.splice(n, 0, o);
-    const [i] = this.#e.splice(r, 1);
-    return this.#e.splice(n, 0, i), s;
-  }
-  get length() {
-    return this.#t.length;
-  }
-}
-function Y(e, t, n = (r, s) => r === s) {
-  const r = [], s = new K(e, n);
-  for (let o = 0; o < t.length; o++) {
-    if (s.isRemoval(o, t)) {
-      r.push(s.removeItem(o)), o--;
-      continue;
-    }
-    if (s.isNoop(o, t)) {
-      r.push(s.noopItem(o));
-      continue;
-    }
-    const i = t[o];
-    if (s.isAddition(i, o)) {
-      r.push(s.addItem(i, o));
-      continue;
-    }
-    r.push(s.moveItem(i, o));
-  }
-  return r.push(...s.removeItemsAfter(t.length)), r;
-}
-function w(e, t = {}, n = []) {
-  const r = typeof e == "string" ? f.ELEMENT : f.COMPONENT;
-  return {
-    tag: e,
-    props: t,
-    type: r,
-    children: A(T(n))
-  };
-}
-function S(e) {
-  return {
-    type: f.TEXT,
-    value: e,
-    props: {}
-  };
-}
-function D(e) {
-  return {
-    type: f.FRAGMENT,
-    children: A(T(e)),
-    props: {}
-  };
-}
-function H(e, t) {
-  return {
-    type: f.PORTAL,
-    children: A(T(e)),
-    props: {},
-    container: t
-  };
-}
-function A(e) {
-  return e.map((t) => typeof t == "string" ? S(t) : t);
-}
-function y(e) {
-  if (!e.children)
-    return [];
-  const t = [];
-  for (const n of e.children)
-    n.type === f.FRAGMENT ? t.push(...y(n)) : t.push(n);
-  return t;
-}
-function x(e, t, n) {
-  e.style[t] = n.toString();
-}
-function Q(e, t) {
-  e.style[t] = null;
-}
-function Z(e, t) {
-  const { class: n, style: r, ...s } = t;
-  n && V(e, n), r && Object.entries(r).forEach(([o, i]) => {
-    x(e, o, i);
-  });
-  for (const [o, i] of Object.entries(s))
-    F(e, o, i);
-}
-function V(e, t) {
-  if (e instanceof SVGElement) {
-    e.removeAttribute("class"), typeof t == "string" ? e.setAttribute("class", t) : Array.isArray(t) && e.classList.add(...t);
-    return;
-  }
-  e.className = "", typeof t == "string" ? e.className = t : Array.isArray(t) && e.classList.add(...t);
-}
-function F(e, t, n) {
-  n == null ? k(e, t) : e.setAttribute(t, String(n));
-}
-function k(e, t) {
-  e[t] = null, e.removeAttribute(t);
-}
-let v = !1;
-const N = [];
-function E(e) {
-  N.push(e), tt();
-}
-function tt() {
-  v || (v = !0, queueMicrotask(et));
-}
-function et() {
-  for (; N.length > 0; ) {
-    const e = N.shift();
-    let t;
-    try {
-      t = e();
-    } catch (n) {
-      console.error(`[scheduler]: ${n}`);
-      continue;
-    }
-    Promise.resolve(t).then(
-      () => {
-      },
-      (n) => {
-        console.error(`[scheduler]: ${n}`);
-      }
-    );
-  }
-  v = !1;
-}
-function M(e) {
-  const { on: t = {}, ...n } = e.props;
-  return delete n.key, { props: n, events: t };
-}
-function p(e, t, n = null, r = null) {
-  switch (e.type) {
-    case f.TEXT: {
-      nt(e, t, n);
-      break;
-    }
-    case f.ELEMENT: {
-      st(e, t, n, r);
-      break;
-    }
-    case f.FRAGMENT: {
-      rt(e, t, n, r);
-      break;
-    }
-    case f.COMPONENT: {
-      ot(e, t, n, r);
-      const s = e.component;
-      s && E(() => s.onMount());
-      break;
-    }
-    case f.PORTAL: {
-      ct(e, r);
-      break;
-    }
-    default:
-      throw new Error(`Can't mount DOM of type: ${e.type}`);
-  }
-}
-function nt(e, t, n) {
-  const { value: r } = e, s = document.createTextNode(r);
-  e.el = s, U(s, t, n);
-}
-function rt(e, t, n, r) {
-  const { children: s } = e;
-  e.el = t, s?.forEach((o, i) => {
-    p(o, t, n != null ? n + i : null, r);
-  });
-}
-function st(e, t, n, r) {
-  const { tag: s, children: o } = e, c = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
-  it(c, e, r), e.el = c, o?.forEach((l) => {
-    p(l, c, null, r);
-  }), U(c, t, n);
-}
-function it(e, t, n) {
-  const { props: r, events: s } = M(t);
-  r.ref && typeof r.ref == "object" && "current" in r.ref && (r.ref.current = e, delete r.ref), t.listeners = W(s, e, n), Z(e, r);
-}
-function ot(e, t, n, r) {
-  const s = e.tag, { props: o } = M(e), i = new s(o, r);
-  i.mount(t, n), e.component = i, e.el = i.firstElement || null;
-}
-function U(e, t, n) {
-  if (n == null) {
-    t.append(e);
-    return;
-  }
-  if (n < 0)
-    throw new Error(`Index must be a positive integer, got ${n}`);
-  const r = t.childNodes;
-  n >= r.length ? t.append(e) : t.insertBefore(e, r[n]);
-}
-function ct(e, t) {
-  const { children: n, container: r } = e;
-  n?.forEach((s) => {
-    p(s, r, null, t);
-  });
-}
-function G(e, t) {
-  if (e.type !== t.type)
-    return !1;
-  if (e.type === f.ELEMENT) {
-    const n = e, r = t, {
-      tag: s,
-      props: { key: o }
-    } = n, {
-      tag: i,
-      props: { key: c }
-    } = r;
-    return s === i && o === c;
-  }
-  if (e.type === f.COMPONENT) {
-    const n = e, r = t, { tag: s } = n, { tag: o } = r;
-    return s === o;
-  }
-  if (e.type === f.PORTAL) {
-    const n = e, r = t;
-    return n.container === r.container;
-  }
-  return !0;
-}
-function I(e, t) {
-  const n = Object.keys(e), r = Object.keys(t), s = [], o = [];
-  for (const i of r)
-    i in e ? e[i] !== t[i] && o.push(i) : s.push(i);
-  return {
-    added: s,
-    removed: n.filter((i) => !(i in t)),
-    updated: o
-  };
-}
-function ft(e) {
-  return e !== "";
-}
-function C(e) {
-  return ft(e.trim());
-}
-function P(e, t, n, r = null) {
-  if (!G(e, t)) {
-    const s = lt(n, e.el);
-    return d(e), p(t, n, s, r), t;
-  }
-  switch (t.el = e.el, t.type) {
-    case f.TEXT:
-      return ut(e, t), t;
-    case f.ELEMENT: {
-      at(e, t, r);
-      break;
-    }
-    case f.COMPONENT: {
-      Et(e, t);
-      break;
-    }
-    case f.PORTAL: {
-      yt(e, t, r);
-      break;
-    }
-  }
-  return q(e, t, r), t;
-}
-function lt(e, t) {
-  if (!t) return null;
-  const n = Array.from(e.childNodes).indexOf(t);
-  return n < 0 ? null : n;
-}
-function ut(e, t) {
-  const n = e.el, { value: r } = e, { value: s } = t;
-  r !== s && n && (n.nodeValue = s);
-}
-function at(e, t, n) {
-  const r = e.el, {
-    class: s,
-    style: o,
-    on: i,
-    ...c
-  } = e.props ?? {}, {
-    class: l,
-    style: u,
-    on: a,
-    ...m
-  } = t.props ?? {}, { listeners: b } = e;
-  ht(r, c, m), pt(r, s, l), dt(
-    r,
-    o,
-    u
-  ), t.listeners = mt(
-    r,
-    b,
-    i ?? {},
-    a ?? {},
-    n
-  );
-}
-function ht(e, t = {}, n = {}) {
-  const r = t.ref, s = n.ref;
-  r !== s && (r && typeof r == "object" && "current" in r && (r.current = null), s && typeof s == "object" && "current" in s && (s.current = e));
-  const o = { ...t }, i = { ...n };
-  delete o.ref, delete i.ref;
-  const { added: c, removed: l, updated: u } = I(o, i);
-  for (const a of l)
-    k(e, a);
-  for (const a of c.concat(u))
-    F(e, a, i[a]);
-}
-function pt(e, t, n) {
-  const r = L(t), s = L(n), { added: o, removed: i } = J(r, s);
-  i.length > 0 && e.classList.remove(...i), o.length > 0 && e.classList.add(...o);
-}
-function L(e = "") {
-  return Array.isArray(e) ? e.filter(C) : String(e).split(/(\s+)/).filter(C);
-}
-function dt(e, t = {}, n = {}) {
-  const { added: r, removed: s, updated: o } = I(t, n);
-  for (const i of s)
-    Q(e, i);
-  for (const i of r.concat(o))
-    x(e, i, n[i]);
-}
-function mt(e, t = {}, n = {}, r = {}, s = null) {
-  const { removed: o, added: i, updated: c } = I(n, r);
-  for (const u of o.concat(c)) {
-    const a = t?.[u];
-    a && e.removeEventListener(u, a);
-  }
-  const l = {};
-  for (const u of i.concat(c))
-    l[u] = R(
-      u,
-      r[u],
-      e,
-      s
-    );
-  return l;
-}
-function q(e, t, n) {
-  const r = y(e), s = y(t), o = e.el, i = Y(r, s, G), c = n?.offset ?? 0;
-  for (const l of i)
-    if (l.op === h.NOOP) {
-      const { originalIndex: u, index: a } = l;
-      P(r[u], s[a], o, n);
-    }
-  for (const l of i)
-    switch (l.op) {
-      case h.MOVE: {
-        const { from: u, index: a } = l, m = r[u].el, b = o.childNodes[a + c];
-        m && (o.insertBefore(m, b), P(r[u], s[a], o, n));
-        break;
-      }
-      case h.REMOVE: {
-        const { item: u } = l;
-        d(u);
-        break;
-      }
-      case h.ADD: {
-        const { index: u, item: a } = l;
-        p(a, o, u + c, n);
-        break;
-      }
-    }
-}
-function Et(e, t) {
-  const { component: n } = e, { props: r } = M(t);
-  n.updateProps(r), t.component = n, t.el = n.firstElement;
-}
-function yt(e, t, n) {
-  if (e.container !== t.container) {
-    d(e), p(t, document.body, null, n);
-    return;
-  }
-  q(e, t, n);
-}
-const bt = (e) => e.constructor.name.includes("Provider"), gt = (e) => e.constructor.name.includes("Consumer");
-class j {
-  constructor(t = {}, n) {
-    this.isMounted = !1, this.vdom = null, this.hostEl = null, this.parent = null, this.state = {}, this.context = null, this.dependencies = [], this.subscribedProvider = null, this.props = t, this.parent = n;
-  }
-  addDependency({ consumer: t }) {
-    this.dependencies.some((n) => n.consumer === t) || (this.dependencies.push({ consumer: t }), t.subscribedProvider = this);
-  }
-  removeDependency({ consumer: t }) {
-    const n = this.dependencies.findIndex((r) => r.consumer === t);
-    n !== -1 && (this.dependencies.splice(n, 1), t.subscribedProvider = null);
-  }
-  notify() {
-    this.dependencies.forEach(({ consumer: t }) => {
-      t.isMounted && t.updateContext() && t.patch();
-    });
-  }
-  onMount() {
-    return Promise.resolve();
-  }
-  onUnmount() {
-    return Promise.resolve();
-  }
-  onUpdate() {
-    return Promise.resolve();
-  }
-  onWillUnmount() {
-    return Promise.resolve();
-  }
-  get elements() {
-    return this.vdom == null ? [] : this.vdom.type === f.FRAGMENT ? y(this.vdom).flatMap((t) => t.type === f.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
-  }
-  get firstElement() {
-    return this.elements[0];
-  }
-  get offset() {
-    return this.vdom?.type === f.FRAGMENT && this.hostEl && this.firstElement ? Array.from(this.hostEl.children).indexOf(this.firstElement) : 0;
-  }
-  updateProps(t) {
-    const n = { ...this.props, ...t }, r = this.props;
-    this.props = n;
-    let s = this.updateContext();
-    O(r, n) && !s || (bt(this) && this.notify(), this.patch());
-  }
-  setState(t) {
-    typeof t == "function" ? this.state = {
-      ...this.state,
-      ...t(this.state, this.props)
-    } : this.state = { ...this.state, ...t }, this.patch();
-  }
-  mount(t, n = null) {
-    if (this.isMounted)
-      throw new Error("Component is already mounted");
-    gt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), p(this.vdom, t, n, this), this.hostEl = t, this.isMounted = !0;
-  }
-  unmount() {
-    this.isMounted && (E(() => this.onWillUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
-      t.subscribedProvider = null;
-    }), this.dependencies = [], this.vdom && d(this.vdom), E(() => this.onUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1);
-  }
-  patch() {
-    if (!this.isMounted || !this.hostEl || !this.vdom)
-      return;
-    const t = this.render();
-    this.vdom = P(this.vdom, t, this.hostEl, this), E(() => this.onUpdate());
-  }
-  updateContext() {
-    const t = Object.getPrototypeOf(this).constructor.contextType;
-    let n = this.parent;
-    if (t != null) {
-      for (; n; ) {
-        if (Object.getPrototypeOf(n).constructor === t.Provider)
-          return this.context = n.props.value, !0;
-        n = n.parent;
-      }
-      n == null && (this.context = t.defaultValue);
-    }
-    return !1;
-  }
-  subscribeToProvider() {
-    const t = Object.getPrototypeOf(this).constructor.contextType;
-    if (!t)
-      return;
-    let n = this.parent;
-    for (; n; ) {
-      if (Object.getPrototypeOf(n).constructor === t.Provider) {
-        n.addDependency({ consumer: this });
-        break;
-      }
-      n = n.parent;
-    }
-  }
-}
-function vt(e) {
-  class t extends j {
-    render() {
-      let o = [];
-      return Array.isArray(this.props.children) ? o = this.props.children : this.props.children ? o = [this.props.children] : o = [], D(o);
-    }
-  }
-  const r = class r extends j {
-    render() {
-      let o = this.props.children;
-      if (Array.isArray(o))
-        if (o.length === 1 && typeof o[0] == "function")
-          o = o[0];
-        else
-          throw new Error(
-            "Consumer: expected single function child, got array"
-          );
-      if (typeof o != "function")
-        throw new Error("Consumer: children is not a function");
-      return o(this.context);
-    }
-  };
-  r.contextType = {
-    Provider: t,
-    defaultValue: e
-  };
-  let n = r;
-  return {
-    Provider: t,
-    Consumer: n,
-    defaultValue: e
-  };
-}
-function Nt(e, t) {
-  if (!t)
-    throw new Error("Container element is not provided for rendering.");
-  p(e, t);
-}
-function Pt(e = null) {
-  return {
-    current: e
-  };
-}
-function Tt(e, t) {
-  const n = Array.isArray(e) ? e : [e];
-  return H(n, t);
-}
-const Ot = /* @__PURE__ */ Symbol("Fragment");
-function g(e) {
-  return e == null || e === !1 ? null : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? S(String(e)) : e;
-}
-function At(e, t, ...n) {
-  if (e === Ot) {
-    const i = n.flat().map(g).filter((c) => c != null);
-    return D(i);
-  }
-  let r = {}, s = {};
-  if (t && Object.entries(t).forEach(([i, c]) => {
-    if (i.startsWith("on") && typeof c == "function") {
-      const l = i.slice(2).toLowerCase();
-      r[l] = c;
-    } else i === "ref" ? s.ref = c : i === "className" ? s.class = c : i === "style" && typeof c == "object" ? s.style = c : i === "colorInterpolationFilters" ? s["color-interpolation-filters"] = c : i === "viewbox" ? s.viewBox = c : i !== "children" && i !== "key" && (s[i] = c);
-  }), typeof e == "function")
-    try {
-      return e({ ...s, on: r });
-    } catch {
-    }
-  if (typeof e == "function" || typeof e == "object" && e != null && "render" in e) {
-    const i = { ...t ?? {} };
-    return n.length > 0 && (i.children = n.flat().map(g).filter((c) => c != null)), w(e, i);
-  }
-  r = {}, s = {}, t && Object.entries(t).forEach(([i, c]) => {
-    if (i.startsWith("on") && typeof c == "function") {
-      const l = i.slice(2).toLowerCase();
-      r[l] = c;
-    } else i === "ref" ? s.ref = c : i === "className" ? s.class = c : i === "style" && typeof c == "object" ? s.style = c : i === "colorInterpolationFilters" ? s["color-interpolation-filters"] = c : i === "filterUnits" ? s.filterUnits = c : i === "clipPath" ? s["clip-path"] = c : i === "floodOpacity" ? s["flood-opacity"] = c : i === "stdDeviation" ? s.stdDeviation = c : i === "viewbox" ? s.viewBox = c : i !== "children" && i !== "key" && (s[i] = c);
-  });
-  const o = n.flat().map(g).filter((i) => i != null);
-  return w(e, { ...s, on: r }, o);
-}
-export {
-  j as Component,
-  vt as createContext,
-  Tt as createPortal,
-  Pt as createRef,
-  w as h,
-  D as hFragment,
-  S as hString,
-  At as jsx,
-  At as jsxDEV,
-  Nt as render
-};