@blockbite/ui 1.0.5 → 2.0.0

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

@@ -0,0 +1,281 @@
+import { clsx as S } from "../../../../../clsx/dist/clsx.js";
+import "../../../../a11y/build-module/index.js";
+import { sprintf as w } from "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as _, _x as A } from "../../../../i18n/build-module/default-i18n.js";
+import { Dropdown as j, Button as P } from "@wordpress/components";
+import { Component as Q } from "@wordpress/element";
+import { store as D } from "../../../../blocks/build-module/store/index.js";
+import R from "./menu.js";
+import v from "./quick-inserter.js";
+import { store as b } from "../../store/index.js";
+import { j as T } from "../../../../../react/jsx-runtime.js";
+import E from "../../../../compose/build-module/higher-order/compose.js";
+import N from "../../../../data/build-module/components/with-select/index.js";
+import H from "../../../../data/build-module/components/with-dispatch/index.js";
+import M from "../../../../compose/build-module/higher-order/if-condition/index.js";
+import $ from "../../../../icons/build-module/library/plus.js";
+import { speak as q } from "../../../../a11y/build-module/shared/index.js";
+import { createBlock as C } from "../../../../blocks/build-module/api/factory.js";
+const z = ({
+  onToggle: a,
+  disabled: r,
+  isOpen: e,
+  blockTitle: o,
+  hasSingleBlockType: t,
+  toggleProps: l = {}
+}) => {
+  const {
+    as: c = P,
+    label: i,
+    onClick: n,
+    ...s
+  } = l;
+  let d = i;
+  !d && t ? d = w(
+    // translators: %s: the name of the block when there is only one
+    A("Add %s", "directly add the only allowed block"),
+    o
+  ) : d || (d = A("Add block", "Generic label for block inserter button"));
+  function g(p) {
+    a && a(p), n && n(p);
+  }
+  return /* @__PURE__ */ T.jsx(c, {
+    __next40pxDefaultSize: l.as ? void 0 : !0,
+    icon: $,
+    label: d,
+    tooltipPosition: "bottom",
+    onClick: g,
+    className: "block-editor-inserter__toggle",
+    "aria-haspopup": t ? !1 : "true",
+    "aria-expanded": t ? !1 : e,
+    disabled: r,
+    ...s
+  });
+};
+class G extends Q {
+  constructor() {
+    super(...arguments), this.onToggle = this.onToggle.bind(this), this.renderToggle = this.renderToggle.bind(this), this.renderContent = this.renderContent.bind(this);
+  }
+  onToggle(r) {
+    const {
+      onToggle: e
+    } = this.props;
+    e && e(r);
+  }
+  /**
+   * Render callback to display Dropdown toggle element.
+   *
+   * @param {Object}   options
+   * @param {Function} options.onToggle Callback to invoke when toggle is
+   *                                    pressed.
+   * @param {boolean}  options.isOpen   Whether dropdown is currently open.
+   *
+   * @return {Element} Dropdown toggle element.
+   */
+  renderToggle({
+    onToggle: r,
+    isOpen: e
+  }) {
+    const {
+      disabled: o,
+      blockTitle: t,
+      hasSingleBlockType: l,
+      directInsertBlock: c,
+      toggleProps: i,
+      hasItems: n,
+      renderToggle: s = z
+    } = this.props;
+    return s({
+      onToggle: r,
+      isOpen: e,
+      disabled: o || !n,
+      blockTitle: t,
+      hasSingleBlockType: l,
+      directInsertBlock: c,
+      toggleProps: i
+    });
+  }
+  /**
+   * Render callback to display Dropdown content element.
+   *
+   * @param {Object}   options
+   * @param {Function} options.onClose Callback to invoke when dropdown is
+   *                                   closed.
+   *
+   * @return {Element} Dropdown content element.
+   */
+  renderContent({
+    onClose: r
+  }) {
+    const {
+      rootClientId: e,
+      clientId: o,
+      isAppender: t,
+      showInserterHelpPanel: l,
+      // This prop is experimental to give some time for the quick inserter to mature
+      // Feel free to make them stable after a few releases.
+      __experimentalIsQuick: c,
+      onSelectOrClose: i,
+      selectBlockOnInsert: n
+    } = this.props;
+    return c ? /* @__PURE__ */ T.jsx(v, {
+      onSelect: (s) => {
+        const d = Array.isArray(s) && s?.length ? s[0] : s;
+        i && typeof i == "function" && i(d), r();
+      },
+      rootClientId: e,
+      clientId: o,
+      isAppender: t,
+      selectBlockOnInsert: n
+    }) : /* @__PURE__ */ T.jsx(R, {
+      onSelect: () => {
+        r();
+      },
+      rootClientId: e,
+      clientId: o,
+      isAppender: t,
+      showInserterHelpPanel: l
+    });
+  }
+  render() {
+    const {
+      position: r,
+      hasSingleBlockType: e,
+      directInsertBlock: o,
+      insertOnlyAllowedBlock: t,
+      __experimentalIsQuick: l,
+      onSelectOrClose: c
+    } = this.props;
+    return e || o ? this.renderToggle({
+      onToggle: t
+    }) : /* @__PURE__ */ T.jsx(j, {
+      className: "block-editor-inserter",
+      contentClassName: S("block-editor-inserter__popover", {
+        "is-quick": l
+      }),
+      popoverProps: {
+        position: r,
+        shift: !0
+      },
+      onToggle: this.onToggle,
+      expandOnMobile: !0,
+      headerTitle: _("Add a block"),
+      renderToggle: this.renderToggle,
+      renderContent: this.renderContent,
+      onClose: c
+    });
+  }
+}
+const de = E([
+  N((a, {
+    clientId: r,
+    rootClientId: e,
+    shouldDirectInsert: o = !0
+  }) => {
+    const {
+      getBlockRootClientId: t,
+      hasInserterItems: l,
+      getAllowedBlocks: c,
+      getDirectInsertBlock: i
+    } = a(b), {
+      getBlockVariations: n
+    } = a(D);
+    e = e || t(r) || void 0;
+    const s = c(e), d = o && i(e), g = s?.length === 1 && n(s[0].name, "inserter")?.length === 0;
+    let p = !1;
+    return g && (p = s[0]), {
+      hasItems: l(e),
+      hasSingleBlockType: g,
+      blockTitle: p ? p.title : "",
+      allowedBlockType: p,
+      directInsertBlock: d,
+      rootClientId: e
+    };
+  }),
+  H((a, r, {
+    select: e
+  }) => ({
+    insertOnlyAllowedBlock() {
+      const {
+        rootClientId: o,
+        clientId: t,
+        isAppender: l,
+        hasSingleBlockType: c,
+        allowedBlockType: i,
+        directInsertBlock: n,
+        onSelectOrClose: s,
+        selectBlockOnInsert: d
+      } = r;
+      if (!c && !n)
+        return;
+      function g(k) {
+        const {
+          getBlock: u,
+          getPreviousBlockClientId: x
+        } = e(b);
+        if (!k || !t && !o)
+          return {};
+        const I = {};
+        let f = {};
+        if (t) {
+          const m = u(t), h = u(x(t));
+          m?.name === h?.name && (f = h?.attributes || {});
+        } else {
+          const m = u(o);
+          if (m?.innerBlocks?.length) {
+            const h = m.innerBlocks[m.innerBlocks.length - 1];
+            n && n?.name === h.name && (f = h.attributes);
+          }
+        }
+        return k.forEach((m) => {
+          f.hasOwnProperty(m) && (I[m] = f[m]);
+        }), I;
+      }
+      function p() {
+        const {
+          getBlockIndex: k,
+          getBlockSelectionEnd: u,
+          getBlockOrder: x,
+          getBlockRootClientId: I
+        } = e(b);
+        if (t)
+          return k(t);
+        const f = u();
+        return !l && f && I(f) === o ? k(f) + 1 : x(o).length;
+      }
+      const {
+        insertBlock: y
+      } = a(b);
+      let B;
+      if (n) {
+        const k = g(n.attributesToCopy);
+        B = C(n.name, {
+          ...n.attributes || {},
+          ...k
+        });
+      } else
+        B = C(i.name);
+      y(B, p(), o, d), s && s({
+        clientId: B?.clientId
+      });
+      const O = w(
+        // translators: %s: the name of the block that has been added
+        _("%s block added"),
+        i.title
+      );
+      q(O);
+    }
+  })),
+  // The global inserter should always be visible, we are using ( ! isAppender && ! rootClientId && ! clientId ) as
+  // a way to detect the global Inserter.
+  M(({
+    hasItems: a,
+    isAppender: r,
+    rootClientId: e,
+    clientId: o
+  }) => a || !r && !e && !o)
+])(G);
+export {
+  de as default
+};

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

@@ -0,0 +1,67 @@
+import { useState as m, useEffect as p, useRef as I } from "@wordpress/element";
+import { store as d } from "../../../store/index.js";
+import { unlock as M } from "../../../lock-unlock.js";
+import g from "../../../../../data/build-module/components/use-select/index.js";
+function k(t, i = {}) {
+  const [u, n] = m(), [o, r] = m(!1), c = I();
+  return p(() => {
+    (async () => {
+      const e = JSON.stringify({
+        category: t.name,
+        ...i
+      });
+      c.current = e, r(!0), n([]);
+      const a = await t.fetch?.(i);
+      e === c.current && (n(a), r(!1));
+    })();
+  }, [t.name, ...Object.values(i)]), {
+    mediaList: u,
+    isLoading: o
+  };
+}
+function E(t) {
+  const [i, u] = m([]), n = g((e) => M(e(d)).getInserterMediaCategories(), []), {
+    canInsertImage: o,
+    canInsertVideo: r,
+    canInsertAudio: c
+  } = g((e) => {
+    const {
+      canInsertBlockType: a
+    } = e(d);
+    return {
+      canInsertImage: a("core/image", t),
+      canInsertVideo: a("core/video", t),
+      canInsertAudio: a("core/audio", t)
+    };
+  }, [t]);
+  return p(() => {
+    (async () => {
+      const e = [];
+      if (!n)
+        return;
+      const a = new Map(await Promise.all(n.map(async (s) => {
+        if (s.isExternalResource)
+          return [s.name, !0];
+        let f = [];
+        try {
+          f = await s.fetch({
+            per_page: 1
+          });
+        } catch {
+        }
+        return [s.name, !!f.length];
+      }))), l = {
+        image: o,
+        video: r,
+        audio: c
+      };
+      n.forEach((s) => {
+        l[s.mediaType] && a.get(s.name) && e.push(s);
+      }), e.length && u(e);
+    })();
+  }, [o, r, c, n]), i;
+}
+export {
+  E as useMediaCategories,
+  k as useMediaResults
+};

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

@@ -0,0 +1,26 @@
+import { Composite as a } from "@wordpress/components";
+import "../../../../../i18n/build-module/sprintf.js";
+import "../../../../../../tannin/index.js";
+import { __ as l } from "../../../../../i18n/build-module/default-i18n.js";
+import { MediaPreview as p } from "./media-preview.js";
+import { j as r } from "../../../../../../react/jsx-runtime.js";
+function j({
+  mediaList: o,
+  category: t,
+  onClick: e,
+  label: s = l("Media List")
+}) {
+  return /* @__PURE__ */ r.jsx(a, {
+    role: "listbox",
+    className: "block-editor-inserter__media-list",
+    "aria-label": s,
+    children: o.map((i, m) => /* @__PURE__ */ r.jsx(p, {
+      media: i,
+      category: t,
+      onClick: e
+    }, i.id || i.sourceId || m))
+  });
+}
+export {
+  j as default
+};

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

@@ -0,0 +1,45 @@
+import { SearchControl as p, Spinner as d } from "@wordpress/components";
+import "../../../../../i18n/build-module/sprintf.js";
+import "../../../../../../tannin/index.js";
+import { __ as h } from "../../../../../i18n/build-module/default-i18n.js";
+import u from "./media-list.js";
+import { useMediaResults as _ } from "./hooks.js";
+import x from "../no-results.js";
+import { j as e } from "../../../../../../react/jsx-runtime.js";
+import f from "../../../../../compose/build-module/hooks/use-debounced-input/index.js";
+const j = 10;
+function R({
+  rootClientId: n,
+  onInsert: m,
+  category: s
+}) {
+  const [c, l, a] = f(), {
+    mediaList: r,
+    isLoading: o
+  } = _(s, {
+    per_page: a ? 20 : j,
+    search: a
+  }), t = "block-editor-inserter__media-panel", i = s.labels.search_items || h("Search");
+  return /* @__PURE__ */ e.jsxs("div", {
+    className: t,
+    children: [/* @__PURE__ */ e.jsx(p, {
+      __nextHasNoMarginBottom: !0,
+      className: `${t}-search`,
+      onChange: l,
+      value: c,
+      label: i,
+      placeholder: i
+    }), o && /* @__PURE__ */ e.jsx("div", {
+      className: `${t}-spinner`,
+      children: /* @__PURE__ */ e.jsx(d, {})
+    }), !o && !r?.length && /* @__PURE__ */ e.jsx(x, {}), !o && !!r?.length && /* @__PURE__ */ e.jsx(u, {
+      rootClientId: n,
+      onClick: m,
+      mediaList: r,
+      category: s
+    })]
+  });
+}
+export {
+  R as MediaCategoryPanel
+};

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

@@ -0,0 +1,207 @@
+import { clsx as C } from "../../../../../../clsx/dist/clsx.js";
+import { Tooltip as A, Composite as V, Spinner as z, DropdownMenu as H, MenuGroup as q, MenuItem as G, Modal as W, __experimentalVStack as Y, Flex as $, FlexItem as M, Button as E } from "@wordpress/components";
+import { sprintf as J } from "../../../../../i18n/build-module/sprintf.js";
+import "../../../../../../tannin/index.js";
+import { __ as r } from "../../../../../i18n/build-module/default-i18n.js";
+import { useState as x, useMemo as K, useCallback as _ } from "@wordpress/element";
+import "../../../../../blocks/build-module/store/index.js";
+import { store as Q } from "../../../../../notices/build-module/store/index.js";
+import { isBlobURL as X } from "../../../../../blob/build-module/index.js";
+import Z from "../../inserter-draggable-blocks/index.js";
+import { getBlockAndPreviewFromMedia as ee } from "./utils.js";
+import { store as y } from "../../../store/index.js";
+import { j as e } from "../../../../../../react/jsx-runtime.js";
+import S from "../../../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import te from "../../../../../data/build-module/components/use-select/index.js";
+import { getFilename as re } from "../../../../node_modules/@wordpress/url/build-module/get-filename.js";
+import ie from "../../../../../icons/build-module/library/more-vertical.js";
+import oe from "../../../../../icons/build-module/library/external.js";
+import { cloneBlock as N } from "../../../../../blocks/build-module/api/factory.js";
+const se = ["image"], ne = {
+  position: "bottom left",
+  className: "block-editor-inserter__media-list__item-preview-options__popover"
+};
+function le({
+  category: t,
+  media: o
+}) {
+  if (!t.getReportUrl)
+    return null;
+  const n = t.getReportUrl(o);
+  return /* @__PURE__ */ e.jsx(H, {
+    className: "block-editor-inserter__media-list__item-preview-options",
+    label: r("Options"),
+    popoverProps: ne,
+    icon: ie,
+    children: () => /* @__PURE__ */ e.jsx(q, {
+      children: /* @__PURE__ */ e.jsx(G, {
+        onClick: () => window.open(n, "_blank").focus(),
+        icon: oe,
+        children: J(
+          /* translators: %s: The media type to report e.g: "image", "video", "audio" */
+          r("Report %s"),
+          t.mediaType
+        )
+      })
+    })
+  });
+}
+function ae({
+  onClose: t,
+  onSubmit: o
+}) {
+  return /* @__PURE__ */ e.jsxs(W, {
+    title: r("Insert external image"),
+    onRequestClose: t,
+    className: "block-editor-inserter-media-tab-media-preview-inserter-external-image-modal",
+    children: [/* @__PURE__ */ e.jsxs(Y, {
+      spacing: 3,
+      children: [/* @__PURE__ */ e.jsx("p", {
+        children: r("This image cannot be uploaded to your Media Library, but it can still be inserted as an external image.")
+      }), /* @__PURE__ */ e.jsx("p", {
+        children: r("External images can be removed by the external provider without warning and could even have legal compliance issues related to privacy legislation.")
+      })]
+    }), /* @__PURE__ */ e.jsxs($, {
+      className: "block-editor-block-lock-modal__actions",
+      justify: "flex-end",
+      expanded: !1,
+      children: [/* @__PURE__ */ e.jsx(M, {
+        children: /* @__PURE__ */ e.jsx(E, {
+          __next40pxDefaultSize: !0,
+          variant: "tertiary",
+          onClick: t,
+          children: r("Cancel")
+        })
+      }), /* @__PURE__ */ e.jsx(M, {
+        children: /* @__PURE__ */ e.jsx(E, {
+          __next40pxDefaultSize: !0,
+          variant: "primary",
+          onClick: o,
+          children: r("Insert")
+        })
+      })]
+    })]
+  });
+}
+function Se({
+  media: t,
+  onClick: o,
+  category: n
+}) {
+  const [D, l] = x(!1), [P, b] = x(!1), [a, c] = x(!1), [p, B] = K(() => ee(t, n.mediaType), [t, n.mediaType]), {
+    createErrorNotice: h,
+    createSuccessNotice: u
+  } = S(Q), {
+    getSettings: j,
+    getBlock: v
+  } = te(y), {
+    updateBlockAttributes: g
+  } = S(y), O = _((f) => {
+    if (a)
+      return;
+    const d = j(), i = N(f), {
+      id: w,
+      url: I,
+      caption: U
+    } = i.attributes;
+    if (!w && !d.mediaUpload) {
+      l(!0);
+      return;
+    }
+    if (w) {
+      o(i);
+      return;
+    }
+    c(!0), window.fetch(I).then((m) => m.blob()).then((m) => {
+      const F = re(I) || "image.jpg", L = new File([m], F, {
+        type: m.type
+      });
+      d.mediaUpload({
+        filesList: [L],
+        additionalData: {
+          caption: U
+        },
+        onFileChange([s]) {
+          X(s.url) || (v(i.clientId) ? g(i.clientId, {
+            ...i.attributes,
+            id: s.id,
+            url: s.url
+          }) : (o({
+            ...i,
+            attributes: {
+              ...i.attributes,
+              id: s.id,
+              url: s.url
+            }
+          }), u(r("Image uploaded and inserted."), {
+            type: "snackbar",
+            id: "inserter-notice"
+          })), c(!1));
+        },
+        allowedTypes: se,
+        onError(s) {
+          h(s, {
+            type: "snackbar",
+            id: "inserter-notice"
+          }), c(!1);
+        }
+      });
+    }).catch(() => {
+      l(!0), c(!1);
+    });
+  }, [a, j, o, u, g, h, v]), k = typeof t.title == "string" ? t.title : t.title?.rendered || r("no title"), R = _(() => b(!0), []), T = _(() => b(!1), []);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, {
+    children: [/* @__PURE__ */ e.jsx(Z, {
+      isEnabled: !0,
+      blocks: [p],
+      children: ({
+        draggable: f,
+        onDragStart: d,
+        onDragEnd: i
+      }) => /* @__PURE__ */ e.jsx("div", {
+        className: C("block-editor-inserter__media-list__list-item", {
+          "is-hovered": P
+        }),
+        draggable: f,
+        onDragStart: d,
+        onDragEnd: i,
+        children: /* @__PURE__ */ e.jsxs("div", {
+          onMouseEnter: R,
+          onMouseLeave: T,
+          children: [/* @__PURE__ */ e.jsx(A, {
+            text: k,
+            children: /* @__PURE__ */ e.jsx(V.Item, {
+              render: /* @__PURE__ */ e.jsx("div", {
+                "aria-label": k,
+                role: "option",
+                className: "block-editor-inserter__media-list__item"
+              }),
+              onClick: () => O(p),
+              children: /* @__PURE__ */ e.jsxs("div", {
+                className: "block-editor-inserter__media-list__item-preview",
+                children: [B, a && /* @__PURE__ */ e.jsx("div", {
+                  className: "block-editor-inserter__media-list__item-preview-spinner",
+                  children: /* @__PURE__ */ e.jsx(z, {})
+                })]
+              })
+            })
+          }), !a && /* @__PURE__ */ e.jsx(le, {
+            category: n,
+            media: t
+          })]
+        })
+      })
+    }), D && /* @__PURE__ */ e.jsx(ae, {
+      onClose: () => l(!1),
+      onSubmit: () => {
+        o(N(p)), u(r("Image inserted."), {
+          type: "snackbar",
+          id: "inserter-notice"
+        }), l(!1);
+      }
+    })]
+  });
+}
+export {
+  Se as MediaPreview
+};

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

@@ -0,0 +1,72 @@
+import "../../../../../i18n/build-module/sprintf.js";
+import "../../../../../../tannin/index.js";
+import { __ as u } from "../../../../../i18n/build-module/default-i18n.js";
+import { Button as f } from "@wordpress/components";
+import { useCallback as b, useMemo as g } from "@wordpress/element";
+import { MediaCategoryPanel as x } from "./media-panel.js";
+import { MediaUploadCheck as M } from "../../media-upload/check.js";
+import j from "../../media-upload/index.js";
+import { useMediaCategories as C } from "./hooks.js";
+import { getBlockAndPreviewFromMedia as _ } from "./utils.js";
+import h from "../mobile-tab-navigation.js";
+import y from "../category-tabs/index.js";
+import k from "../no-results.js";
+import { j as o } from "../../../../../../react/jsx-runtime.js";
+import v from "../../../../../compose/build-module/hooks/use-viewport-match/index.js";
+const S = ["image", "video", "audio"];
+function V({
+  rootClientId: a,
+  selectedCategory: m,
+  onSelectCategory: n,
+  onInsert: r,
+  children: c
+}) {
+  const s = C(a), l = v("medium", "<"), d = "block-editor-inserter__media-tabs", p = b((e) => {
+    if (!e?.url)
+      return;
+    const [i] = _(e, e.type);
+    r(i);
+  }, [r]), t = g(() => s.map((e) => ({
+    ...e,
+    label: e.labels.name
+  })), [s]);
+  return t.length ? /* @__PURE__ */ o.jsxs(o.Fragment, {
+    children: [!l && /* @__PURE__ */ o.jsxs("div", {
+      className: `${d}-container`,
+      children: [/* @__PURE__ */ o.jsx(y, {
+        categories: t,
+        selectedCategory: m,
+        onSelectCategory: n,
+        children: c
+      }), /* @__PURE__ */ o.jsx(M, {
+        children: /* @__PURE__ */ o.jsx(j, {
+          multiple: !1,
+          onSelect: p,
+          allowedTypes: S,
+          render: ({
+            open: e
+          }) => /* @__PURE__ */ o.jsx(f, {
+            __next40pxDefaultSize: !0,
+            onClick: (i) => {
+              i.target.focus(), e();
+            },
+            className: "block-editor-inserter__media-library-button",
+            variant: "secondary",
+            "data-unstable-ignore-focus-outside-for-relatedtarget": ".media-modal",
+            children: u("Open Media Library")
+          })
+        })
+      })]
+    }), l && /* @__PURE__ */ o.jsx(h, {
+      categories: t,
+      children: (e) => /* @__PURE__ */ o.jsx(x, {
+        onInsert: r,
+        rootClientId: a,
+        category: e
+      })
+    })]
+  }) : /* @__PURE__ */ o.jsx(k, {});
+}
+export {
+  V as default
+};