@blockbite/ui 1.0.4 → 2.0.0

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/media-tab/utils.js

@@ -0,0 +1,30 @@
+import "../../../../../blocks/build-module/store/index.js";
+import { j as u } from "../../../../../../react/jsx-runtime.js";
+import { createBlock as d } from "../../../../../blocks/build-module/api/factory.js";
+const l = {
+  image: "img",
+  video: "video",
+  audio: "audio"
+};
+function p(o, r) {
+  const i = {
+    id: o.id || void 0,
+    caption: o.caption || void 0
+  }, t = o.url, e = o.alt || void 0;
+  r === "image" ? (i.url = t, i.alt = e) : ["video", "audio"].includes(r) && (i.src = t);
+  const c = l[r], s = /* @__PURE__ */ u.jsx(c, {
+    src: o.previewUrl || t,
+    alt: e,
+    controls: r === "audio" ? !0 : void 0,
+    inert: "true",
+    onError: ({
+      currentTarget: n
+    }) => {
+      n.src === o.previewUrl && (n.src = t);
+    }
+  });
+  return [d(`core/${r}`, i), s];
+}
+export {
+  p as getBlockAndPreviewFromMedia
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/menu.js

@@ -0,0 +1,203 @@
+import { clsx as ne } from "../../../../../clsx/dist/clsx.js";
+import { forwardRef as z, useState as f, useRef as L, useCallback as j, useMemo as I, useLayoutEffect as se } from "@wordpress/element";
+import { SearchControl as ie, VisuallyHidden as ae, Popover as le } from "@wordpress/components";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as s } from "../../../../i18n/build-module/default-i18n.js";
+import ce from "./tips.js";
+import me from "./preview-panel.js";
+import ue from "./block-types-tab.js";
+import de from "./block-patterns-tab/index.js";
+import { PatternCategoryPreviews as fe } from "./block-patterns-tab/pattern-category-previews.js";
+import pe from "./search-results.js";
+import be from "./hooks/use-insertion-point.js";
+import { store as he } from "../../store/index.js";
+import ge from "../tabbed-sidebar/index.js";
+import { useZoomOut as xe } from "../../hooks/use-zoom-out.js";
+import { unlock as Ce } from "../../lock-unlock.js";
+import { j as e } from "../../../../../react/jsx-runtime.js";
+import je from "../../../../data/build-module/components/use-select/index.js";
+import Ie from "../../../../compose/build-module/hooks/use-debounced-input/index.js";
+import ye from "../../../../compose/build-module/hooks/use-viewport-match/index.js";
+import Pe from "./media-tab/media-tab.js";
+import { MediaCategoryPanel as ke } from "./media-tab/media-panel.js";
+const Te = () => {
+};
+function Se({
+  rootClientId: l,
+  clientId: c,
+  isAppender: y,
+  __experimentalInsertionIndex: P,
+  onSelect: i,
+  showInserterHelpPanel: k,
+  showMostUsedBlocks: O,
+  __experimentalFilterValue: U = "",
+  shouldFocusBlock: m = !0,
+  onPatternCategorySelection: N,
+  onClose: $,
+  __experimentalInitialTab: V,
+  __experimentalInitialCategory: G
+}, Z) {
+  const {
+    isZoomOutMode: B,
+    hasSectionRootClientId: J
+  } = je((t) => {
+    const {
+      isZoomOut: n,
+      getSectionRootClientId: d
+    } = Ce(t(he));
+    return {
+      isZoomOutMode: n(),
+      hasSectionRootClientId: !!d()
+    };
+  }, []), [q, H, a] = Ie(U), [p, b] = f(null), [h, T] = f(G), [A, K] = f("all"), [g, D] = f(null), Q = ye("large");
+  function W() {
+    return V || (B ? "patterns" : "blocks");
+  }
+  const [r, X] = f(W());
+  xe(J && (r === "patterns" || r === "media") && Q);
+  const [o, x, S] = be({
+    rootClientId: l,
+    clientId: c,
+    isAppender: y,
+    insertionIndex: P,
+    shouldFocusBlock: m
+  }), v = L(), u = j((t, n, d, oe) => {
+    x(t, n, d, oe), i(t), window.requestAnimationFrame(() => {
+      !m && !v.current?.contains(Z.current.ownerDocument.activeElement) && v.current?.querySelector("button").focus();
+    });
+  }, [x, i, m]), M = j((t, n, ...d) => {
+    S(!1), x(t, {
+      patternName: n
+    }, ...d), i();
+  }, [x, i]), C = j((t) => {
+    S(t), b(t);
+  }, [S, b]), E = j((t, n) => {
+    T(t), K(n), N?.();
+  }, [T, N]), w = r === "patterns" && !a && !!h, _ = r === "media" && !!g, R = I(() => r === "media" ? null : /* @__PURE__ */ e.jsxs(e.Fragment, {
+    children: [/* @__PURE__ */ e.jsx(ie, {
+      __nextHasNoMarginBottom: !0,
+      className: "block-editor-inserter__search",
+      onChange: (t) => {
+        p && b(null), H(t);
+      },
+      value: q,
+      label: s("Search"),
+      placeholder: s("Search")
+    }), !!a && /* @__PURE__ */ e.jsx(pe, {
+      filterValue: a,
+      onSelect: i,
+      onHover: C,
+      rootClientId: l,
+      clientId: c,
+      isAppender: y,
+      __experimentalInsertionIndex: P,
+      showBlockDirectory: !0,
+      shouldFocusBlock: m,
+      prioritizePatterns: r === "patterns"
+    })]
+  }), [r, p, b, H, q, a, i, C, m, c, l, P, y]), Y = I(() => /* @__PURE__ */ e.jsxs(e.Fragment, {
+    children: [/* @__PURE__ */ e.jsx("div", {
+      className: "block-editor-inserter__block-list",
+      children: /* @__PURE__ */ e.jsx(ue, {
+        ref: v,
+        rootClientId: o,
+        onInsert: u,
+        onHover: C,
+        showMostUsedBlocks: O
+      })
+    }), k && /* @__PURE__ */ e.jsxs("div", {
+      className: "block-editor-inserter__tips",
+      children: [/* @__PURE__ */ e.jsx(ae, {
+        as: "h2",
+        children: s("A tip for using the block editor")
+      }), /* @__PURE__ */ e.jsx(ce, {})]
+    })]
+  }), [o, u, C, O, k]), ee = I(() => /* @__PURE__ */ e.jsx(de, {
+    rootClientId: o,
+    onInsert: M,
+    onSelectCategory: E,
+    selectedCategory: h,
+    children: w && /* @__PURE__ */ e.jsx(fe, {
+      rootClientId: o,
+      onInsert: M,
+      category: h,
+      patternFilter: A,
+      showTitlesAsTooltip: !0
+    })
+  }), [o, M, E, A, h, w]), te = I(() => /* @__PURE__ */ e.jsx(Pe, {
+    rootClientId: o,
+    selectedCategory: g,
+    onSelectCategory: D,
+    onInsert: u,
+    children: _ && /* @__PURE__ */ e.jsx(ke, {
+      rootClientId: o,
+      onInsert: u,
+      category: g
+    })
+  }), [o, u, g, D, _]), re = (t) => {
+    t !== "patterns" && T(null), X(t);
+  }, F = L();
+  return se(() => {
+    F.current && window.requestAnimationFrame(() => {
+      F.current.querySelector('[role="tab"][aria-selected="true"]')?.focus();
+    });
+  }, []), /* @__PURE__ */ e.jsxs("div", {
+    className: ne("block-editor-inserter__menu", {
+      "show-panel": w || _,
+      "is-zoom-out": B
+    }),
+    ref: Z,
+    children: [/* @__PURE__ */ e.jsx("div", {
+      className: "block-editor-inserter__main-area",
+      children: /* @__PURE__ */ e.jsx(ge, {
+        ref: F,
+        onSelect: re,
+        onClose: $,
+        selectedTab: r,
+        closeButtonLabel: s("Close Block Inserter"),
+        tabs: [{
+          name: "blocks",
+          title: s("Blocks"),
+          panel: /* @__PURE__ */ e.jsxs(e.Fragment, {
+            children: [R, r === "blocks" && !a && Y]
+          })
+        }, {
+          name: "patterns",
+          title: s("Patterns"),
+          panel: /* @__PURE__ */ e.jsxs(e.Fragment, {
+            children: [R, r === "patterns" && !a && ee]
+          })
+        }, {
+          name: "media",
+          title: s("Media"),
+          panel: /* @__PURE__ */ e.jsxs(e.Fragment, {
+            children: [R, te]
+          })
+        }]
+      })
+    }), k && p && /* @__PURE__ */ e.jsx(le, {
+      className: "block-editor-inserter__preview-container__popover",
+      placement: "right-start",
+      offset: 16,
+      focusOnMount: !1,
+      animate: !1,
+      children: /* @__PURE__ */ e.jsx(me, {
+        item: p
+      })
+    })]
+  });
+}
+const ve = z(Se);
+function Me(l, c) {
+  return /* @__PURE__ */ e.jsx(ve, {
+    ...l,
+    onPatternCategorySelection: Te,
+    ref: c
+  });
+}
+const Ye = z(Me);
+export {
+  ve as PrivateInserterMenu,
+  Ye as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/mobile-tab-navigation.js

@@ -0,0 +1,77 @@
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { isRTL as a, __ as l } from "../../../../i18n/build-module/default-i18n.js";
+import { Navigator as n, __experimentalItemGroup as p, __experimentalItem as x, __experimentalHStack as m, FlexBlock as d, __experimentalVStack as h, __experimentalView as j, __experimentalSpacer as t, __experimentalHeading as _ } from "@wordpress/components";
+import { j as e } from "../../../../../react/jsx-runtime.js";
+import f from "../../../../icons/build-module/icon/index.js";
+import o from "../../../../icons/build-module/library/chevron-left.js";
+import s from "../../../../icons/build-module/library/chevron-right.js";
+function u({
+  title: r
+}) {
+  return /* @__PURE__ */ e.jsx(h, {
+    spacing: 0,
+    children: /* @__PURE__ */ e.jsx(j, {
+      children: /* @__PURE__ */ e.jsx(t, {
+        marginBottom: 0,
+        paddingX: 4,
+        paddingY: 3,
+        children: /* @__PURE__ */ e.jsxs(m, {
+          spacing: 2,
+          children: [/* @__PURE__ */ e.jsx(n.BackButton, {
+            style: (
+              // TODO: This style override is also used in ToolsPanelHeader.
+              // It should be supported out-of-the-box by Button.
+              {
+                minWidth: 24,
+                padding: 0
+              }
+            ),
+            icon: a() ? s : o,
+            size: "small",
+            label: l("Back")
+          }), /* @__PURE__ */ e.jsx(t, {
+            children: /* @__PURE__ */ e.jsx(_, {
+              level: 5,
+              children: r
+            })
+          })]
+        })
+      })
+    })
+  });
+}
+function N({
+  categories: r,
+  children: c
+}) {
+  return /* @__PURE__ */ e.jsxs(n, {
+    initialPath: "/",
+    className: "block-editor-inserter__mobile-tab-navigation",
+    children: [/* @__PURE__ */ e.jsx(n.Screen, {
+      path: "/",
+      children: /* @__PURE__ */ e.jsx(p, {
+        children: r.map((i) => /* @__PURE__ */ e.jsx(n.Button, {
+          path: `/category/${i.name}`,
+          as: x,
+          isAction: !0,
+          children: /* @__PURE__ */ e.jsxs(m, {
+            children: [/* @__PURE__ */ e.jsx(d, {
+              children: i.label
+            }), /* @__PURE__ */ e.jsx(f, {
+              icon: a() ? o : s
+            })]
+          })
+        }, i.name))
+      })
+    }), r.map((i) => /* @__PURE__ */ e.jsxs(n.Screen, {
+      path: `/category/${i.name}`,
+      children: [/* @__PURE__ */ e.jsx(u, {
+        title: l("Back")
+      }), c(i)]
+    }, i.name))]
+  });
+}
+export {
+  N as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/no-results.js

@@ -0,0 +1,15 @@
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as s } from "../../../../i18n/build-module/default-i18n.js";
+import { j as r } from "../../../../../react/jsx-runtime.js";
+function n() {
+  return /* @__PURE__ */ r.jsx("div", {
+    className: "block-editor-inserter__no-results",
+    children: /* @__PURE__ */ r.jsx("p", {
+      children: s("No results found.")
+    })
+  });
+}
+export {
+  n as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/panel.js

@@ -0,0 +1,25 @@
+import { Icon as t } from "@wordpress/components";
+import { j as e } from "../../../../../react/jsx-runtime.js";
+function o({
+  title: r,
+  icon: n,
+  children: s
+}) {
+  return /* @__PURE__ */ e.jsxs(e.Fragment, {
+    children: [/* @__PURE__ */ e.jsxs("div", {
+      className: "block-editor-inserter__panel-header",
+      children: [/* @__PURE__ */ e.jsx("h2", {
+        className: "block-editor-inserter__panel-title",
+        children: r
+      }), /* @__PURE__ */ e.jsx(t, {
+        icon: n
+      })]
+    }), /* @__PURE__ */ e.jsx("div", {
+      className: "block-editor-inserter__panel-content",
+      children: s
+    })]
+  });
+}
+export {
+  o as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/preview-panel.js

@@ -0,0 +1,67 @@
+import "../../../../blocks/build-module/store/index.js";
+import { useMemo as b } from "@wordpress/element";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as u } from "../../../../i18n/build-module/default-i18n.js";
+import k from "../block-card/index.js";
+import w from "../block-preview/index.js";
+import { j as i } from "../../../../../react/jsx-runtime.js";
+import { createBlock as f, getBlockFromExample as _ } from "../../../../blocks/build-module/api/factory.js";
+import { isReusableBlock as g } from "../../../../blocks/build-module/api/registration.js";
+function $({
+  item: c
+}) {
+  var r;
+  const {
+    name: o,
+    title: m,
+    icon: d,
+    description: p,
+    initialAttributes: s,
+    example: e
+  } = c, l = g(c), v = b(() => e ? _(o, {
+    attributes: {
+      ...e.attributes,
+      ...s
+    },
+    innerBlocks: e.innerBlocks
+  }) : f(o, s), [o, e, s]), t = 144, h = 280, a = (r = e?.viewportWidth) !== null && r !== void 0 ? r : 500, n = h / a, x = n !== 0 && n < 1 && t ? t / n : t;
+  return /* @__PURE__ */ i.jsxs("div", {
+    className: "block-editor-inserter__preview-container",
+    children: [/* @__PURE__ */ i.jsx("div", {
+      className: "block-editor-inserter__preview",
+      children: l || e ? /* @__PURE__ */ i.jsx("div", {
+        className: "block-editor-inserter__preview-content",
+        children: /* @__PURE__ */ i.jsx(w, {
+          blocks: v,
+          viewportWidth: a,
+          minHeight: t,
+          additionalStyles: (
+            //We want this CSS to be in sync with the one in BlockPreviewPanel.
+            [{
+              css: `
+										body { 
+											padding: 24px;
+											min-height:${Math.round(x)}px;
+											display:flex;
+											align-items:center;
+										}
+										.is-root-container { width: 100%; }
+									`
+            }]
+          )
+        })
+      }) : /* @__PURE__ */ i.jsx("div", {
+        className: "block-editor-inserter__preview-content-missing",
+        children: u("No preview available.")
+      })
+    }), !l && /* @__PURE__ */ i.jsx(k, {
+      title: m,
+      icon: d,
+      description: p
+    })]
+  });
+}
+export {
+  $ as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/quick-inserter.js

@@ -0,0 +1,92 @@
+import { clsx as C } from "../../../../../clsx/dist/clsx.js";
+import { useState as N, useEffect as O } from "@wordpress/element";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as o } from "../../../../i18n/build-module/default-i18n.js";
+import { SearchControl as T, Button as j } from "@wordpress/components";
+import E from "./search-results.js";
+import H from "./hooks/use-insertion-point.js";
+import R from "./hooks/use-block-types-state.js";
+import { store as w } from "../../store/index.js";
+import { j as t } from "../../../../../react/jsx-runtime.js";
+import P from "../../../../data/build-module/components/use-select/index.js";
+const q = 6, v = 6, y = 2;
+function J({
+  onSelect: n,
+  rootClientId: i,
+  clientId: r,
+  isAppender: a,
+  selectBlockOnInsert: c,
+  hasSearch: p = !0
+}) {
+  const [s, x] = N(""), [_, d] = H({
+    onSelect: n,
+    rootClientId: i,
+    clientId: r,
+    isAppender: a,
+    selectBlockOnInsert: c
+  }), [f] = R(_, d, !0), {
+    setInserterIsOpened: e,
+    insertionIndex: h
+  } = P((l) => {
+    const {
+      getSettings: S,
+      getBlockIndex: B,
+      getBlockCount: I
+    } = l(w), b = S(), u = B(r), g = I();
+    return {
+      setInserterIsOpened: b.__experimentalSetIsInserterOpened,
+      insertionIndex: u === -1 ? g : u
+    };
+  }, [r]), m = p && f.length > q;
+  O(() => {
+    e && e(!1);
+  }, [e]);
+  const k = () => {
+    e({
+      filterValue: s,
+      onSelect: n,
+      rootClientId: i,
+      insertionIndex: h
+    });
+  };
+  return /* @__PURE__ */ t.jsxs("div", {
+    className: C("block-editor-inserter__quick-inserter", {
+      "has-search": m,
+      "has-expand": e
+    }),
+    children: [m && /* @__PURE__ */ t.jsx(T, {
+      __nextHasNoMarginBottom: !0,
+      className: "block-editor-inserter__search",
+      value: s,
+      onChange: (l) => {
+        x(l);
+      },
+      label: o("Search"),
+      placeholder: o("Search")
+    }), /* @__PURE__ */ t.jsx("div", {
+      className: "block-editor-inserter__quick-inserter-results",
+      children: /* @__PURE__ */ t.jsx(E, {
+        filterValue: s,
+        onSelect: n,
+        rootClientId: i,
+        clientId: r,
+        isAppender: a,
+        maxBlockPatterns: s ? y : 0,
+        maxBlockTypes: v,
+        isDraggable: !1,
+        selectBlockOnInsert: c,
+        isQuick: !0
+      })
+    }), e && /* @__PURE__ */ t.jsx(j, {
+      __next40pxDefaultSize: !0,
+      className: "block-editor-inserter__quick-inserter-expand",
+      onClick: k,
+      "aria-label": o("Browse all. This will open the main inserter panel in the editor toolbar."),
+      children: o("Browse all")
+    })]
+  });
+}
+export {
+  J as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/inserter/search-items.js

@@ -0,0 +1,66 @@
+import G from "../../../../../remove-accents/index.js";
+import { noCase as x } from "../../../../../no-case/dist.es2015/index.js";
+const N = (e) => e.name || "", W = (e) => e.title, B = (e) => e.description || "", I = (e) => e.keywords || [], M = (e) => e.category, R = () => null, v = [
+  /([\p{Ll}\p{Lo}\p{N}])([\p{Lu}\p{Lt}])/gu,
+  // One lowercase or digit, followed by one uppercase.
+  /([\p{Lu}\p{Lt}])([\p{Lu}\p{Lt}][\p{Ll}\p{Lo}])/gu
+  // One uppercase followed by one uppercase and one lowercase.
+], D = /(\p{C}|\p{P}|\p{S})+/giu, d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+function L(e = "") {
+  if (d.has(e))
+    return d.get(e);
+  const t = x(e, {
+    splitRegexp: v,
+    stripRegexp: D
+  }).split(" ").filter(Boolean);
+  return d.set(e, t), t;
+}
+function f(e = "") {
+  if (u.has(e))
+    return u.get(e);
+  let t = G(e);
+  return t = t.replace(/^\//, ""), t = t.toLowerCase(), u.set(e, t), t;
+}
+const p = (e = "") => L(f(e)), K = (e, t) => e.filter((o) => !p(t).some((n) => n.includes(o))), q = (e, t, o, n) => p(n).length === 0 ? e : j(e, n, {
+  getCategory: (s) => t.find(({
+    slug: l
+  }) => l === s.category)?.title,
+  getCollection: (s) => o[s.name.split("/")[0]]?.title
+}), j = (e = [], t = "", o = {}) => {
+  if (p(t).length === 0)
+    return e;
+  const a = e.map((r) => [r, A(r, t, o)]).filter(([, r]) => r > 0);
+  return a.sort(([, r], [, s]) => s - r), a.map(([r]) => r);
+};
+function A(e, t, o = {}) {
+  const {
+    getName: n = N,
+    getTitle: a = W,
+    getDescription: r = B,
+    getKeywords: s = I,
+    getCategory: l = M,
+    getCollection: S = R
+  } = o, i = n(e), h = a(e), y = r(e), z = s(e), C = l(e), k = S(e), g = f(t), T = f(h);
+  let c = 0;
+  if (g === T)
+    c += 30;
+  else if (T.startsWith(g))
+    c += 20;
+  else {
+    const m = [i, h, y, ...z, C, k].join(" "), w = L(g);
+    K(w, m).length === 0 && (c += 10);
+  }
+  if (c !== 0 && i.startsWith("core/")) {
+    const m = i !== e.id;
+    c += m ? 1 : 2;
+  }
+  return c;
+}
+export {
+  L as extractWords,
+  A as getItemSearchRank,
+  p as getNormalizedSearchTerms,
+  f as normalizeString,
+  q as searchBlockItems,
+  j as searchItems
+};