@blockbite/ui 1.0.5 → 2.0.0

package/dist/node_modules/@wordpress/block-editor/build-module/components/text-alignment-control/index.js

@@ -0,0 +1,55 @@
+import { clsx as m } from "../../../../../clsx/dist/clsx.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as t } from "../../../../i18n/build-module/default-i18n.js";
+import { useMemo as u } from "@wordpress/element";
+import { __experimentalToggleGroupControl as f, __experimentalToggleGroupControlOptionIcon as c } from "@wordpress/components";
+import { j as i } from "../../../../../react/jsx-runtime.js";
+import g from "../../../../icons/build-module/library/align-left.js";
+import s from "../../../../icons/build-module/library/align-center.js";
+import x from "../../../../icons/build-module/library/align-right.js";
+import p from "../../../../icons/build-module/library/align-justify.js";
+const _ = [{
+  label: t("Align text left"),
+  value: "left",
+  icon: g
+}, {
+  label: t("Align text center"),
+  value: "center",
+  icon: s
+}, {
+  label: t("Align text right"),
+  value: "right",
+  icon: x
+}, {
+  label: t("Justify text"),
+  value: "justify",
+  icon: p
+}], T = ["left", "center", "right"];
+function y({
+  className: o,
+  value: l,
+  onChange: a,
+  options: r = T
+}) {
+  const n = u(() => _.filter((e) => r.includes(e.value)), [r]);
+  return n.length ? /* @__PURE__ */ i.jsx(f, {
+    isDeselectable: !0,
+    __nextHasNoMarginBottom: !0,
+    __next40pxDefaultSize: !0,
+    label: t("Text alignment"),
+    className: m("block-editor-text-alignment-control", o),
+    value: l,
+    onChange: (e) => {
+      a(e === l ? void 0 : e);
+    },
+    children: n.map((e) => /* @__PURE__ */ i.jsx(c, {
+      value: e.value,
+      icon: e.icon,
+      label: e.label
+    }, e.value))
+  }) : null;
+}
+export {
+  y as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/text-decoration-control/index.js

@@ -0,0 +1,47 @@
+import { clsx as i } from "../../../../../clsx/dist/clsx.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as o } from "../../../../i18n/build-module/default-i18n.js";
+import { __experimentalToggleGroupControl as a, __experimentalToggleGroupControlOptionIcon as m } from "@wordpress/components";
+import { j as t } from "../../../../../react/jsx-runtime.js";
+import u from "../../../../icons/build-module/library/reset.js";
+import c from "../../../../icons/build-module/library/format-underline.js";
+import p from "../../../../icons/build-module/library/format-strikethrough.js";
+const s = [{
+  label: o("None"),
+  value: "none",
+  icon: u
+}, {
+  label: o("Underline"),
+  value: "underline",
+  icon: c
+}, {
+  label: o("Strikethrough"),
+  value: "line-through",
+  icon: p
+}];
+function C({
+  value: r,
+  onChange: l,
+  className: n
+}) {
+  return /* @__PURE__ */ t.jsx(a, {
+    isDeselectable: !0,
+    __nextHasNoMarginBottom: !0,
+    __next40pxDefaultSize: !0,
+    label: o("Decoration"),
+    className: i("block-editor-text-decoration-control", n),
+    value: r,
+    onChange: (e) => {
+      l(e === r ? void 0 : e);
+    },
+    children: s.map((e) => /* @__PURE__ */ t.jsx(m, {
+      value: e.value,
+      icon: e.icon,
+      label: e.label
+    }, e.value))
+  });
+}
+export {
+  C as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/components/text-transform-control/index.js

@@ -0,0 +1,52 @@
+import { clsx as i } from "../../../../../clsx/dist/clsx.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as r } from "../../../../i18n/build-module/default-i18n.js";
+import { __experimentalToggleGroupControl as m, __experimentalToggleGroupControlOptionIcon as n } from "@wordpress/components";
+import { j as t } from "../../../../../react/jsx-runtime.js";
+import p from "../../../../icons/build-module/library/reset.js";
+import c from "../../../../icons/build-module/library/format-uppercase.js";
+import s from "../../../../icons/build-module/library/format-lowercase.js";
+import u from "../../../../icons/build-module/library/format-capitalize.js";
+const f = [{
+  label: r("None"),
+  value: "none",
+  icon: p
+}, {
+  label: r("Uppercase"),
+  value: "uppercase",
+  icon: c
+}, {
+  label: r("Lowercase"),
+  value: "lowercase",
+  icon: s
+}, {
+  label: r("Capitalize"),
+  value: "capitalize",
+  icon: u
+}];
+function N({
+  className: a,
+  value: o,
+  onChange: l
+}) {
+  return /* @__PURE__ */ t.jsx(m, {
+    isDeselectable: !0,
+    __nextHasNoMarginBottom: !0,
+    __next40pxDefaultSize: !0,
+    label: r("Letter case"),
+    className: i("block-editor-text-transform-control", a),
+    value: o,
+    onChange: (e) => {
+      l(e === o ? void 0 : e);
+    },
+    children: f.map((e) => /* @__PURE__ */ t.jsx(n, {
+      value: e.value,
+      icon: e.icon,
+      label: e.label
+    }, e.value))
+  });
+}
+export {
+  N as default
+};

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

@@ -0,0 +1,322 @@
+import { clsx as S } from "../../../../../clsx/dist/clsx.js";
+import { sprintf as L } from "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { _n as C, __ as c } from "../../../../i18n/build-module/default-i18n.js";
+import { Component as D, createRef as x } from "@wordpress/element";
+import { ENTER as _, DOWN as w, UP as R, TAB as N } from "../../../../keycodes/build-module/index.js";
+import { withSpokenMessages as y, BaseControl as F, __experimentalInputControl as q, Spinner as P, Popover as O, Button as U } from "@wordpress/components";
+import { store as $ } from "../../store/index.js";
+import { j as g } from "../../../../../react/jsx-runtime.js";
+import { createElement as j } from "react";
+import V from "../../../../compose/build-module/higher-order/compose.js";
+import K from "../../../../compose/build-module/higher-order/with-safe-timeout/index.js";
+import B from "../../../../compose/build-module/higher-order/with-instance-id/index.js";
+import E from "../../../../data/build-module/components/with-select/index.js";
+import { isURL as M } from "../../../node_modules/@wordpress/url/build-module/is-url.js";
+import { debounce as T } from "../../../../compose/build-module/utils/debounce/index.js";
+function I(h) {
+  return typeof h == "function";
+}
+class W extends D {
+  constructor(t) {
+    super(t), this.onChange = this.onChange.bind(this), this.onFocus = this.onFocus.bind(this), this.onKeyDown = this.onKeyDown.bind(this), this.selectLink = this.selectLink.bind(this), this.handleOnClick = this.handleOnClick.bind(this), this.bindSuggestionNode = this.bindSuggestionNode.bind(this), this.autocompleteRef = t.autocompleteRef || x(), this.inputRef = x(), this.updateSuggestions = T(this.updateSuggestions.bind(this), 200), this.suggestionNodes = [], this.suggestionsRequest = null, this.state = {
+      suggestions: [],
+      showSuggestions: !1,
+      suggestionsValue: null,
+      selectedSuggestion: null,
+      suggestionsListboxId: "",
+      suggestionOptionIdPrefix: ""
+    };
+  }
+  componentDidUpdate(t) {
+    const {
+      showSuggestions: e,
+      selectedSuggestion: s
+    } = this.state, {
+      value: n,
+      __experimentalShowInitialSuggestions: o = !1
+    } = this.props;
+    e && s !== null && this.suggestionNodes[s] && this.suggestionNodes[s].scrollIntoView({
+      behavior: "instant",
+      block: "nearest",
+      inline: "nearest"
+    }), t.value !== n && !this.props.disableSuggestions && (n?.length ? this.updateSuggestions(n) : o && this.updateSuggestions());
+  }
+  componentDidMount() {
+    this.shouldShowInitialSuggestions() && this.updateSuggestions();
+  }
+  componentWillUnmount() {
+    this.suggestionsRequest?.cancel?.(), this.suggestionsRequest = null;
+  }
+  bindSuggestionNode(t) {
+    return (e) => {
+      this.suggestionNodes[t] = e;
+    };
+  }
+  shouldShowInitialSuggestions() {
+    const {
+      __experimentalShowInitialSuggestions: t = !1,
+      value: e
+    } = this.props;
+    return t && !(e && e.length);
+  }
+  updateSuggestions(t = "") {
+    const {
+      __experimentalFetchLinkSuggestions: e,
+      __experimentalHandleURLSuggestions: s
+    } = this.props;
+    if (!e)
+      return;
+    const n = !t?.length;
+    if (t = t.trim(), !n && (t.length < 2 || !s && M(t))) {
+      this.suggestionsRequest?.cancel?.(), this.suggestionsRequest = null, this.setState({
+        suggestions: [],
+        showSuggestions: !1,
+        suggestionsValue: t,
+        selectedSuggestion: null,
+        loading: !1
+      });
+      return;
+    }
+    this.setState({
+      selectedSuggestion: null,
+      loading: !0
+    });
+    const o = e(t, {
+      isInitialSuggestions: n
+    });
+    o.then((i) => {
+      this.suggestionsRequest === o && (this.setState({
+        suggestions: i,
+        suggestionsValue: t,
+        loading: !1,
+        showSuggestions: !!i.length
+      }), i.length ? this.props.debouncedSpeak(L(
+        /* translators: %d: number of results. */
+        C("%d result found, use up and down arrow keys to navigate.", "%d results found, use up and down arrow keys to navigate.", i.length),
+        i.length
+      ), "assertive") : this.props.debouncedSpeak(c("No results."), "assertive"));
+    }).catch(() => {
+      this.suggestionsRequest === o && this.setState({
+        loading: !1
+      });
+    }).finally(() => {
+      this.suggestionsRequest === o && (this.suggestionsRequest = null);
+    }), this.suggestionsRequest = o;
+  }
+  onChange(t) {
+    this.props.onChange(t);
+  }
+  onFocus() {
+    const {
+      suggestions: t
+    } = this.state, {
+      disableSuggestions: e,
+      value: s
+    } = this.props;
+    s && !e && !(t && t.length) && this.suggestionsRequest === null && this.updateSuggestions(s);
+  }
+  onKeyDown(t) {
+    this.props.onKeyDown?.(t);
+    const {
+      showSuggestions: e,
+      selectedSuggestion: s,
+      suggestions: n,
+      loading: o
+    } = this.state;
+    if (!e || !n.length || o) {
+      switch (t.keyCode) {
+        case R: {
+          t.target.selectionStart !== 0 && (t.preventDefault(), t.target.setSelectionRange(0, 0));
+          break;
+        }
+        case w: {
+          this.props.value.length !== t.target.selectionStart && (t.preventDefault(), t.target.setSelectionRange(this.props.value.length, this.props.value.length));
+          break;
+        }
+        case _: {
+          this.props.onSubmit && (t.preventDefault(), this.props.onSubmit(null, t));
+          break;
+        }
+      }
+      return;
+    }
+    const i = this.state.suggestions[this.state.selectedSuggestion];
+    switch (t.keyCode) {
+      case R: {
+        t.preventDefault();
+        const u = s ? s - 1 : n.length - 1;
+        this.setState({
+          selectedSuggestion: u
+        });
+        break;
+      }
+      case w: {
+        t.preventDefault();
+        const u = s === null || s === n.length - 1 ? 0 : s + 1;
+        this.setState({
+          selectedSuggestion: u
+        });
+        break;
+      }
+      case N: {
+        this.state.selectedSuggestion !== null && (this.selectLink(i), this.props.speak(c("Link selected.")));
+        break;
+      }
+      case _: {
+        t.preventDefault(), this.state.selectedSuggestion !== null ? (this.selectLink(i), this.props.onSubmit && this.props.onSubmit(i, t)) : this.props.onSubmit && this.props.onSubmit(null, t);
+        break;
+      }
+    }
+  }
+  selectLink(t) {
+    this.props.onChange(t.url, t), this.setState({
+      selectedSuggestion: null,
+      showSuggestions: !1
+    });
+  }
+  handleOnClick(t) {
+    this.selectLink(t), this.inputRef.current.focus();
+  }
+  static getDerivedStateFromProps({
+    value: t,
+    instanceId: e,
+    disableSuggestions: s,
+    __experimentalShowInitialSuggestions: n = !1
+  }, {
+    showSuggestions: o
+  }) {
+    let i = o;
+    const u = t && t.length;
+    return !n && !u && (i = !1), s === !0 && (i = !1), {
+      showSuggestions: i,
+      suggestionsListboxId: `block-editor-url-input-suggestions-${e}`,
+      suggestionOptionIdPrefix: `block-editor-url-input-suggestion-${e}`
+    };
+  }
+  render() {
+    return /* @__PURE__ */ g.jsxs(g.Fragment, {
+      children: [this.renderControl(), this.renderSuggestions()]
+    });
+  }
+  renderControl() {
+    const {
+      label: t = null,
+      className: e,
+      isFullWidth: s,
+      instanceId: n,
+      placeholder: o = c("Paste URL or type to search"),
+      __experimentalRenderControl: i,
+      value: u = "",
+      hideLabelFromVision: f = !1
+    } = this.props, {
+      loading: p,
+      showSuggestions: d,
+      selectedSuggestion: a,
+      suggestionsListboxId: l,
+      suggestionOptionIdPrefix: r
+    } = this.state, m = `url-input-control-${n}`, b = {
+      id: m,
+      // Passes attribute to label for the for attribute
+      label: t,
+      className: S("block-editor-url-input", e, {
+        "is-full-width": s
+      }),
+      hideLabelFromVision: f
+    }, k = {
+      id: m,
+      value: u,
+      required: !0,
+      type: "text",
+      onChange: this.onChange,
+      onFocus: this.onFocus,
+      placeholder: o,
+      onKeyDown: this.onKeyDown,
+      role: "combobox",
+      "aria-label": t ? void 0 : c("URL"),
+      // Ensure input always has an accessible label
+      "aria-expanded": d,
+      "aria-autocomplete": "list",
+      "aria-owns": l,
+      "aria-activedescendant": a !== null ? `${r}-${a}` : void 0,
+      ref: this.inputRef,
+      suffix: this.props.suffix
+    };
+    return i ? i(b, k, p) : /* @__PURE__ */ g.jsxs(F, {
+      __nextHasNoMarginBottom: !0,
+      ...b,
+      children: [/* @__PURE__ */ g.jsx(q, {
+        ...k,
+        __next40pxDefaultSize: !0
+      }), p && /* @__PURE__ */ g.jsx(P, {})]
+    });
+  }
+  renderSuggestions() {
+    const {
+      className: t,
+      __experimentalRenderSuggestions: e
+    } = this.props, {
+      showSuggestions: s,
+      suggestions: n,
+      suggestionsValue: o,
+      selectedSuggestion: i,
+      suggestionsListboxId: u,
+      suggestionOptionIdPrefix: f,
+      loading: p
+    } = this.state;
+    if (!s || n.length === 0)
+      return null;
+    const d = {
+      id: u,
+      ref: this.autocompleteRef,
+      role: "listbox"
+    }, a = (l, r) => ({
+      role: "option",
+      tabIndex: "-1",
+      id: `${f}-${r}`,
+      ref: this.bindSuggestionNode(r),
+      "aria-selected": r === i ? !0 : void 0
+    });
+    return I(e) ? e({
+      suggestions: n,
+      selectedSuggestion: i,
+      suggestionsListProps: d,
+      buildSuggestionItemProps: a,
+      isLoading: p,
+      handleSuggestionClick: this.handleOnClick,
+      isInitialSuggestions: !o?.length,
+      currentInputValue: o
+    }) : /* @__PURE__ */ g.jsx(O, {
+      placement: "bottom",
+      focusOnMount: !1,
+      children: /* @__PURE__ */ g.jsx("div", {
+        ...d,
+        className: S("block-editor-url-input__suggestions", {
+          [`${t}__suggestions`]: t
+        }),
+        children: n.map((l, r) => /* @__PURE__ */ j(U, {
+          __next40pxDefaultSize: !0,
+          ...a(l, r),
+          key: l.id,
+          className: S("block-editor-url-input__suggestion", {
+            "is-selected": r === i
+          }),
+          onClick: () => this.handleOnClick(l)
+        }, l.title))
+      })
+    });
+  }
+}
+const ut = V(K, y, B, E((h, t) => {
+  if (I(t.__experimentalFetchLinkSuggestions))
+    return;
+  const {
+    getSettings: e
+  } = h($);
+  return {
+    __experimentalFetchLinkSuggestions: e().__experimentalFetchLinkSuggestions
+  };
+}))(W);
+export {
+  ut as default
+};

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

@@ -0,0 +1,50 @@
+import { store as d } from "../../../../blocks/build-module/store/index.js";
+import "../../../../i18n/build-module/sprintf.js";
+import "../../../../../tannin/index.js";
+import { __ as p } from "../../../../i18n/build-module/default-i18n.js";
+import { store as k } from "../../store/index.js";
+import T from "../../../../data/build-module/components/use-select/index.js";
+import { isReusableBlock as b, isTemplatePart as B } from "../../../../blocks/build-module/api/registration.js";
+import { getBlockLabel as g } from "../../../../blocks/build-module/api/utils.js";
+function h(e) {
+  const i = e?.style?.position?.type;
+  return i === "sticky" ? p("Sticky") : i === "fixed" ? p("Fixed") : null;
+}
+function F(e) {
+  return T((i) => {
+    if (!e)
+      return null;
+    const {
+      getBlockName: a,
+      getBlockAttributes: l
+    } = i(k), {
+      getBlockType: m,
+      getActiveBlockVariation: u
+    } = i(d), s = a(e), t = m(s);
+    if (!t)
+      return null;
+    const o = l(e), n = u(s, o), r = b(t) || B(t), y = (r ? g(t, o) : void 0) || t.title, c = h(o), f = {
+      isSynced: r,
+      title: y,
+      icon: t.icon,
+      description: t.description,
+      anchor: o?.anchor,
+      positionLabel: c,
+      positionType: o?.style?.position?.type,
+      name: o?.metadata?.name
+    };
+    return n ? {
+      isSynced: r,
+      title: n.title || t.title,
+      icon: n.icon || t.icon,
+      description: n.description || t.description,
+      anchor: o?.anchor,
+      positionLabel: c,
+      positionType: o?.style?.position?.type,
+      name: o?.metadata?.name
+    } : f;
+  }, [e]);
+}
+export {
+  F as default
+};