@blockbite/ui 1.0.5 → 2.0.0

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/index.js

@@ -0,0 +1,188 @@
+import { clsx as D } from "../../../../../clsx/dist/clsx.js";
+import { useCallback as Z, useMemo as N, createContext as V, useEffect as F } from "@wordpress/element";
+import "../../../../blocks/build-module/store/index.js";
+import U from "./block.js";
+import Y from "../block-list-appender/index.js";
+import { useInBetweenInserter as I } from "./use-in-between-inserter.js";
+import { store as d } from "../../store/index.js";
+import { LayoutProvider as C, defaultLayout as G } from "./layout.js";
+import { useBlockSelectionClearer as K } from "../block-selection-clearer/index.js";
+import { useInnerBlocksProps as W } from "../inner-blocks/index.js";
+import { BlockEditContextProvider as X, DEFAULT_BLOCK_EDIT_CONTEXT as $ } from "../block-edit/context.js";
+import { useTypingObserver as q } from "../observe-typing/index.js";
+import { ZoomOutSeparator as j } from "./zoom-out-separator.js";
+import { unlock as h } from "../../lock-unlock.js";
+import { j as s } from "../../../../../react/jsx-runtime.js";
+import O from "../../../../data/build-module/components/use-select/index.js";
+import z from "../../../../data/build-module/components/registry-provider/use-registry.js";
+import A from "../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import H from "../../../../compose/build-module/hooks/use-debounce/index.js";
+import J from "../../../../compose/build-module/hooks/use-merge-refs/index.js";
+import S from "../../../../data/build-module/components/async-mode-provider/context.js";
+import { getDefaultBlockName as Q } from "../../../../blocks/build-module/api/registration.js";
+const ee = V(), k = /* @__PURE__ */ new WeakMap();
+function oe({
+  className: t,
+  ...e
+}) {
+  const {
+    isOutlineMode: n,
+    isFocusMode: u,
+    temporarilyEditingAsBlocks: l
+  } = O((i) => {
+    const {
+      getSettings: c,
+      getTemporarilyEditingAsBlocks: o,
+      isTyping: m
+    } = h(i(d)), {
+      outlineMode: g,
+      focusMode: v
+    } = c();
+    return {
+      isOutlineMode: g && !m(),
+      isFocusMode: v,
+      temporarilyEditingAsBlocks: o()
+    };
+  }, []), r = z(), {
+    setBlockVisibility: p
+  } = A(d), a = H(Z(() => {
+    const i = {};
+    k.get(r).forEach(([c, o]) => {
+      i[c] = o;
+    }), p(i);
+  }, [r]), 300, {
+    trailing: !0
+  }), f = N(() => {
+    const {
+      IntersectionObserver: i
+    } = window;
+    if (i)
+      return new i((c) => {
+        k.get(r) || k.set(r, []);
+        for (const o of c) {
+          const m = o.target.getAttribute("data-block");
+          k.get(r).push([m, o.isIntersecting]);
+        }
+        a();
+      });
+  }, []), B = W({
+    ref: J([K(), I(), q()]),
+    className: D("is-root-container", t, {
+      "is-outline-mode": n,
+      "is-focus-mode": u
+    })
+  }, e);
+  return /* @__PURE__ */ s.jsxs(ee.Provider, {
+    value: f,
+    children: [/* @__PURE__ */ s.jsx("div", {
+      ...B
+    }), !!l && /* @__PURE__ */ s.jsx(te, {
+      clientId: l
+    })]
+  });
+}
+function te({
+  clientId: t
+}) {
+  const {
+    stopEditingAsBlocks: e
+  } = h(A(d)), n = O((u) => {
+    const {
+      isBlockSelected: l,
+      hasSelectedInnerBlock: r
+    } = u(d);
+    return l(t) || r(t, !0);
+  }, [t]);
+  return F(() => {
+    n || e(t);
+  }, [n, t, e]), null;
+}
+function Me(t) {
+  return /* @__PURE__ */ s.jsx(X, {
+    value: $,
+    children: /* @__PURE__ */ s.jsx(oe, {
+      ...t
+    })
+  });
+}
+const se = [], re = /* @__PURE__ */ new Set();
+function ie({
+  placeholder: t,
+  rootClientId: e,
+  renderAppender: n,
+  __experimentalAppenderTagName: u,
+  layout: l = G
+}) {
+  const r = n !== !1, p = !!n, {
+    order: a,
+    isZoomOut: f,
+    selectedBlocks: B,
+    visibleBlocks: i,
+    shouldRenderAppender: c
+  } = O((o) => {
+    const {
+      getSettings: m,
+      getBlockOrder: g,
+      getSelectedBlockClientIds: v,
+      __unstableGetVisibleBlocks: M,
+      getTemplateLock: T,
+      getBlockEditingMode: P,
+      isSectionBlock: R,
+      isZoomOut: y,
+      canInsertBlockType: L
+    } = h(o(d)), b = g(e);
+    if (m().isPreviewMode)
+      return {
+        order: b,
+        selectedBlocks: se,
+        visibleBlocks: re
+      };
+    const E = v(), x = E[0], _ = !e && !x && (!b.length || !L(Q(), e)), w = !!(e && x && e === x);
+    return {
+      order: b,
+      selectedBlocks: E,
+      visibleBlocks: M(),
+      isZoomOut: y(),
+      shouldRenderAppender: !R(e) && P(e) !== "disabled" && !T(e) && r && !y() && (p || w || _)
+    };
+  }, [e, r, p]);
+  return /* @__PURE__ */ s.jsxs(C, {
+    value: l,
+    children: [a.map((o) => /* @__PURE__ */ s.jsxs(S, {
+      value: (
+        // Only provide data asynchronously if the block is
+        // not visible and not selected.
+        !i.has(o) && !B.includes(o)
+      ),
+      children: [f && /* @__PURE__ */ s.jsx(j, {
+        clientId: o,
+        rootClientId: e,
+        position: "top"
+      }), /* @__PURE__ */ s.jsx(U, {
+        rootClientId: e,
+        clientId: o
+      }), f && /* @__PURE__ */ s.jsx(j, {
+        clientId: o,
+        rootClientId: e,
+        position: "bottom"
+      })]
+    }, o)), a.length < 1 && t, c && /* @__PURE__ */ s.jsx(Y, {
+      tagName: u,
+      rootClientId: e,
+      CustomAppender: n
+    })]
+  });
+}
+function Te(t) {
+  return /* @__PURE__ */ s.jsx(S, {
+    value: !1,
+    children: /* @__PURE__ */ s.jsx(ie, {
+      ...t
+    })
+  });
+}
+export {
+  Te as BlockListItems,
+  ee as IntersectionObserver,
+  Me as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/layout.js

@@ -0,0 +1,13 @@
+import { createContext as o, useContext as e } from "@wordpress/element";
+import "../../../../../react/jsx-runtime.js";
+const r = {
+  type: "default"
+}, t = o(r), a = t.Provider;
+function c() {
+  return e(t);
+}
+export {
+  a as LayoutProvider,
+  r as defaultLayout,
+  c as useLayout
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/private-block-context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "@wordpress/element";
+const e = t({});
+export {
+  e as PrivateBlockContext
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/index.js

@@ -0,0 +1,117 @@
+import { clsx as T } from "../../../../../../clsx/dist/clsx.js";
+import { useContext as _ } from "@wordpress/element";
+import { sprintf as H } from "../../../../../i18n/build-module/sprintf.js";
+import "../../../../../../tannin/index.js";
+import { __ as O } from "../../../../../i18n/build-module/default-i18n.js";
+import "../../../../../blocks/build-module/store/index.js";
+import $ from "../../../../../warning/build-module/index.js";
+import L from "../../use-moving-animation/index.js";
+import { PrivateBlockContext as V } from "../private-block-context.js";
+import { useFocusFirstElement as G } from "./use-focus-first-element.js";
+import { useIsHovered as K } from "./use-is-hovered.js";
+import { useBlockEditContext as U, blockBindingsKey as j } from "../../block-edit/context.js";
+import { useFocusHandler as q } from "./use-focus-handler.js";
+import { useEventHandlers as z } from "./use-selected-block-event-handlers.js";
+import { useBlockRefProvider as J } from "./use-block-refs.js";
+import { useIntersectionObserver as Q } from "./use-intersection-observer.js";
+import { useScrollIntoView as W } from "./use-scroll-into-view.js";
+import { useFlashEditableBlocks as X } from "../../use-flash-editable-blocks/index.js";
+import { canBindBlock as Y } from "../../../utils/block-bindings.js";
+import { useFirefoxDraggableCompatibility as Z } from "./use-firefox-draggable-compatibility.js";
+import ee from "../../../../../compose/build-module/hooks/use-merge-refs/index.js";
+import ie from "../../../../../compose/build-module/hooks/use-disabled/index.js";
+import { getBlockProps as te } from "../../../../../blocks/build-module/api/serializer.js";
+function oe(t = {}, {
+  __unstableIsHtml: d
+} = {}) {
+  const {
+    clientId: e,
+    className: g,
+    wrapperProps: i = {},
+    isAligned: f,
+    index: b,
+    mode: p,
+    name: o,
+    blockApiVersion: u,
+    blockTitle: s,
+    isSelected: r,
+    isSubtreeDisabled: h,
+    hasOverlay: l,
+    initialPosition: k,
+    blockEditingMode: y,
+    isHighlighted: B,
+    isMultiSelected: v,
+    isPartiallySelected: E,
+    isReusable: w,
+    isDragging: x,
+    hasChildSelected: a,
+    isEditingDisabled: A,
+    hasEditableOutline: P,
+    isTemporarilyEditingAsBlocks: S,
+    defaultClassName: C,
+    isSectionBlock: D,
+    canMove: n
+  } = _(V), I = H(O("Block: %s"), s), R = p === "html" && !d ? "-visual" : "", M = Z(), N = ee([t.ref, G({
+    clientId: e,
+    initialPosition: k
+  }), J(e), q(e), z({
+    clientId: e,
+    isSelected: r
+  }), K({
+    clientId: e
+  }), Q(), L({
+    triggerAnimationOnChange: b,
+    clientId: e
+  }), ie({
+    isDisabled: !l
+  }), X({
+    clientId: e,
+    isEnabled: D
+  }), W({
+    isSelected: r
+  }), n ? M : void 0]), c = U(), F = !!c[j] && Y(o) ? {
+    "--wp-admin-theme-color": "var(--wp-block-synced-color)",
+    "--wp-admin-theme-color--rgb": "var(--wp-block-synced-color--rgb)"
+  } : {};
+  u < 2 && e === c.clientId && globalThis.SCRIPT_DEBUG === !0 && $(`Block type "${o}" must support API version 2 or higher to work correctly with "useBlockProps" method.`);
+  let m = !1;
+  return (i?.style?.marginTop?.charAt(0) === "-" || i?.style?.marginBottom?.charAt(0) === "-" || i?.style?.marginLeft?.charAt(0) === "-" || i?.style?.marginRight?.charAt(0) === "-") && (m = !0), {
+    tabIndex: y === "disabled" ? -1 : 0,
+    draggable: n && !a ? !0 : void 0,
+    ...i,
+    ...t,
+    ref: N,
+    id: `block-${e}${R}`,
+    role: "document",
+    "aria-label": I,
+    "data-block": e,
+    "data-type": o,
+    "data-title": s,
+    inert: h ? "true" : void 0,
+    className: T("block-editor-block-list__block", {
+      // The wp-block className is important for editor styles.
+      "wp-block": !f,
+      "has-block-overlay": l,
+      "is-selected": r,
+      "is-highlighted": B,
+      "is-multi-selected": v,
+      "is-partially-selected": E,
+      "is-reusable": w,
+      "is-dragging": x,
+      "has-child-selected": a,
+      "is-editing-disabled": A,
+      "has-editable-outline": P,
+      "has-negative-margin": m,
+      "is-content-locked-temporarily-editing-as-blocks": S
+    }, g, t.className, i.className, C),
+    style: {
+      ...i.style,
+      ...t.style,
+      ...F
+    }
+  };
+}
+oe.save = te;
+export {
+  oe as useBlockProps
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-block-refs.js

@@ -0,0 +1,33 @@
+import { useState as f, useContext as s, useLayoutEffect as c } from "@wordpress/element";
+import { BlockRefs as u } from "../../provider/block-refs-provider.js";
+import l from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+function E(e) {
+  const {
+    refsMap: t
+  } = s(u);
+  return l((o) => (t.set(e, o), () => t.delete(e)), [e]);
+}
+function n(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function m(e, t) {
+  const {
+    refsMap: o
+  } = s(u);
+  c(() => {
+    n(t, o.get(e));
+    const r = o.subscribe(e, () => n(t, o.get(e)));
+    return () => {
+      r(), n(t, null);
+    };
+  }, [o, e, t]);
+}
+function b(e) {
+  const [t, o] = f(null);
+  return m(e, o), t;
+}
+export {
+  b as useBlockElement,
+  m as useBlockElementRef,
+  E as useBlockRefProvider
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-firefox-draggable-compatibility.js

@@ -0,0 +1,37 @@
+import b from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+const a = /* @__PURE__ */ new Map();
+function c(t, e) {
+  let r = a.get(t);
+  r || (r = /* @__PURE__ */ new Set(), a.set(t, r), t.addEventListener("pointerdown", s)), r.add(e);
+}
+function d(t, e) {
+  const r = a.get(t);
+  r && (r.delete(e), i(e), r.size === 0 && (a.delete(t), t.removeEventListener("pointerdown", s)));
+}
+function i(t) {
+  const e = t.getAttribute("data-draggable");
+  e && (t.removeAttribute("data-draggable"), e === "true" && !t.getAttribute("draggable") && t.setAttribute("draggable", "true"));
+}
+function s(t) {
+  const {
+    target: e
+  } = t, {
+    ownerDocument: r,
+    isContentEditable: g,
+    tagName: u
+  } = e, f = ["INPUT", "TEXTAREA"].includes(u), o = a.get(r);
+  if (g || f)
+    for (const n of o)
+      n.getAttribute("draggable") === "true" && n.contains(e) && (n.removeAttribute("draggable"), n.setAttribute("data-draggable", "true"));
+  else
+    for (const n of o)
+      i(n);
+}
+function m() {
+  return b((t) => (c(t.ownerDocument, t), () => {
+    d(t.ownerDocument, t);
+  }), []);
+}
+export {
+  m as useFirefoxDraggableCompatibility
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-focus-first-element.js

@@ -0,0 +1,44 @@
+import { useRef as b, useEffect as d } from "@wordpress/element";
+import { focus as m } from "../../../../../dom/build-module/index.js";
+import { isInsideRootBlock as o } from "../../../utils/dom.js";
+import { store as a } from "../../../store/index.js";
+import { unlock as E } from "../../../lock-unlock.js";
+import g from "../../../../../data/build-module/components/use-select/index.js";
+import x from "../../../../../dom/build-module/dom/is-text-field.js";
+import F from "../../../../../dom/build-module/dom/is-form-element.js";
+import k from "../../../../../dom/build-module/dom/place-caret-at-horizontal-edge.js";
+function D({
+  clientId: n,
+  initialPosition: t
+}) {
+  const e = b(), {
+    isBlockSelected: s,
+    isMultiSelecting: i,
+    isZoomOut: l
+  } = E(g(a));
+  return d(() => {
+    if (!s(n) || i() || l() || t == null || !e.current)
+      return;
+    const {
+      ownerDocument: p
+    } = e.current;
+    if (o(e.current, p.activeElement))
+      return;
+    const u = m.tabbable.find(e.current).filter((r) => x(r)), c = t === -1, f = u[c ? u.length - 1 : 0] || e.current;
+    if (!o(e.current, f)) {
+      e.current.focus();
+      return;
+    }
+    if (!e.current.getAttribute("contenteditable")) {
+      const r = m.tabbable.findNext(e.current);
+      if (r && o(e.current, r) && F(r)) {
+        r.focus();
+        return;
+      }
+    }
+    k(f, c);
+  }, [t, n]), e;
+}
+export {
+  D as useFocusFirstElement
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-focus-handler.js

@@ -0,0 +1,30 @@
+import { isInsideRootBlock as f } from "../../../utils/dom.js";
+import { store as i } from "../../../store/index.js";
+import u from "../../../../../data/build-module/components/use-select/index.js";
+import m from "../../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import l from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+function B(t) {
+  const {
+    isBlockSelected: r
+  } = u(i), {
+    selectBlock: o,
+    selectionChange: c
+  } = m(i);
+  return l((e) => {
+    function n(s) {
+      if (!e.parentElement.closest('[contenteditable="true"]')) {
+        if (r(t)) {
+          s.target.isContentEditable || c(t);
+          return;
+        }
+        f(e, s.target) && o(t);
+      }
+    }
+    return e.addEventListener("focusin", n), () => {
+      e.removeEventListener("focusin", n);
+    };
+  }, [r, o]);
+}
+export {
+  B as useFocusHandler
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-intersection-observer.js

@@ -0,0 +1,15 @@
+import { useContext as t } from "@wordpress/element";
+import { IntersectionObserver as o } from "../index.js";
+import s from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+function u() {
+  const e = t(o);
+  return s((r) => {
+    if (e)
+      return e.observe(r), () => {
+        e.unobserve(r);
+      };
+  }, [e]);
+}
+export {
+  u as useIntersectionObserver
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-is-hovered.js

@@ -0,0 +1,22 @@
+import { store as u } from "../../../store/index.js";
+import i from "../../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import n from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+function a({
+  clientId: s
+}) {
+  const {
+    hoverBlock: t
+  } = i(u);
+  function r(e) {
+    if (e.defaultPrevented)
+      return;
+    const o = e.type === "mouseover" ? "add" : "remove";
+    e.preventDefault(), e.currentTarget.classList[o]("is-hovered"), t(o === "add" ? s : null);
+  }
+  return n((e) => (e.addEventListener("mouseout", r), e.addEventListener("mouseover", r), () => {
+    e.removeEventListener("mouseout", r), e.removeEventListener("mouseover", r), e.classList.remove("is-hovered"), t(null);
+  }), []);
+}
+export {
+  a as useIsHovered
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-scroll-into-view.js

@@ -0,0 +1,29 @@
+import c from "../../../../../compose/build-module/hooks/use-reduced-motion/index.js";
+import f from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+function b({
+  isSelected: o
+}) {
+  const n = c();
+  return f((e) => {
+    if (o) {
+      const {
+        ownerDocument: s
+      } = e, {
+        defaultView: r
+      } = s;
+      if (!r.IntersectionObserver)
+        return;
+      const t = new r.IntersectionObserver((i) => {
+        i[0].isIntersecting || e.scrollIntoView({
+          behavior: n ? "instant" : "smooth"
+        }), t.disconnect();
+      });
+      return t.observe(e), () => {
+        t.disconnect();
+      };
+    }
+  }, [o]);
+}
+export {
+  b as useScrollIntoView
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js

@@ -0,0 +1,94 @@
+import { ENTER as d, BACKSPACE as A, DELETE as S } from "../../../../../keycodes/build-module/index.js";
+import { createRoot as N } from "@wordpress/element";
+import { store as j } from "../../../../../blocks/build-module/store/index.js";
+import { store as B } from "../../../store/index.js";
+import { unlock as h } from "../../../lock-unlock.js";
+import $ from "../../block-draggable/draggable-chip.js";
+import { j as K } from "../../../../../../react/jsx-runtime.js";
+import w from "../../../../../data/build-module/components/use-select/index.js";
+import O from "../../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import Z from "../../../../../compose/build-module/hooks/use-ref-effect/index.js";
+import z from "../../../../../dom/build-module/dom/is-text-field.js";
+function _({
+  clientId: n,
+  isSelected: f
+}) {
+  const {
+    getBlockType: R
+  } = w(j), {
+    getBlockRootClientId: g,
+    isZoomOut: p,
+    hasMultiSelection: u,
+    getBlockName: T
+  } = h(w(B)), {
+    insertAfterBlock: E,
+    removeBlock: v,
+    resetZoomLevel: y,
+    startDraggingBlocks: x,
+    stopDraggingBlocks: L
+  } = h(O(B));
+  return Z((t) => {
+    if (!f)
+      return;
+    function k(o) {
+      const {
+        keyCode: s,
+        target: e
+      } = o;
+      s !== d && s !== A && s !== S || e !== t || z(e) || (o.preventDefault(), s === d && p() ? y() : s === d ? E(n) : v(n));
+    }
+    function D(o) {
+      if (t !== o.target || t.isContentEditable || t.ownerDocument.activeElement !== t || u()) {
+        o.preventDefault();
+        return;
+      }
+      const s = JSON.stringify({
+        type: "block",
+        srcClientIds: [n],
+        srcRootClientId: g(n)
+      });
+      o.dataTransfer.effectAllowed = "move", o.dataTransfer.clearData(), o.dataTransfer.setData("wp-blocks", s);
+      const {
+        ownerDocument: e
+      } = t, {
+        defaultView: b
+      } = e;
+      b.getSelection().removeAllRanges();
+      const r = document.createElement("div");
+      N(r).render(/* @__PURE__ */ K.jsx($, {
+        icon: R(T(n)).icon
+      })), document.body.appendChild(r), r.style.position = "absolute", r.style.top = "0", r.style.left = "0", r.style.zIndex = "1000", r.style.pointerEvents = "none";
+      const i = e.createElement("div");
+      i.style.width = "1px", i.style.height = "1px", i.style.position = "fixed", i.style.visibility = "hidden", e.body.appendChild(i), o.dataTransfer.setDragImage(i, 0, 0);
+      let l = {
+        x: 0,
+        y: 0
+      };
+      if (document !== e) {
+        const a = b.frameElement;
+        if (a) {
+          const C = a.getBoundingClientRect();
+          l = {
+            x: C.left,
+            y: C.top
+          };
+        }
+      }
+      l.x -= 58;
+      function m(a) {
+        r.style.transform = `translate( ${a.clientX + l.x}px, ${a.clientY + l.y}px )`;
+      }
+      m(o);
+      function c() {
+        e.removeEventListener("dragover", m), e.removeEventListener("dragend", c), r.remove(), i.remove(), L(), document.body.classList.remove("is-dragging-components-draggable"), e.documentElement.classList.remove("is-dragging");
+      }
+      e.addEventListener("dragover", m), e.addEventListener("dragend", c), e.addEventListener("drop", c), x([n]), document.body.classList.add("is-dragging-components-draggable"), e.documentElement.classList.add("is-dragging");
+    }
+    return t.addEventListener("keydown", k), t.addEventListener("dragstart", D), () => {
+      t.removeEventListener("keydown", k), t.removeEventListener("dragstart", D);
+    };
+  }, [n, f, g, E, v, p, y, u, x, L]);
+}
+export {
+  _ as useEventHandlers
+};