@blockbite/ui 1.0.5 → 2.0.1

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/spacing-visualizer.js

@@ -0,0 +1,91 @@
+import { useReducer as g, useEffect as l, useRef as b, useState as h } from "@wordpress/element";
+import v from "../../../is-shallow-equal/build-module/index.js";
+import S from "../components/block-popover/cover.js";
+import { useBlockElement as y } from "../components/block-list/use-block-props/use-block-refs.js";
+import { j as c } from "../../../../react/jsx-runtime.js";
+function f({
+  clientId: e,
+  value: r,
+  computeStyle: s,
+  forceShow: t
+}) {
+  const o = y(e), [u, d] = g(() => s(o));
+  l(() => {
+    if (!o)
+      return;
+    const a = new window.MutationObserver(d);
+    return a.observe(o, {
+      attributes: !0,
+      attributeFilter: ["style", "class"]
+    }), () => {
+      a.disconnect();
+    };
+  }, [o]);
+  const n = b(r), [m, p] = h(!1);
+  return l(() => {
+    if (v(r, n.current) || t)
+      return;
+    p(!0), n.current = r;
+    const a = setTimeout(() => {
+      p(!1);
+    }, 400);
+    return () => {
+      p(!1), clearTimeout(a);
+    };
+  }, [r, t]), !m && !t ? null : /* @__PURE__ */ c.jsx(S, {
+    clientId: e,
+    __unstablePopoverSlot: "block-toolbar",
+    children: /* @__PURE__ */ c.jsx("div", {
+      className: "block-editor__spacing-visualizer",
+      style: u
+    })
+  });
+}
+function i(e, r) {
+  return e.ownerDocument.defaultView.getComputedStyle(e).getPropertyValue(r);
+}
+function V({
+  clientId: e,
+  value: r,
+  forceShow: s
+}) {
+  return /* @__PURE__ */ c.jsx(f, {
+    clientId: e,
+    value: r?.spacing?.margin,
+    computeStyle: (t) => {
+      const o = i(t, "margin-top"), u = i(t, "margin-right"), d = i(t, "margin-bottom"), n = i(t, "margin-left");
+      return {
+        borderTopWidth: o,
+        borderRightWidth: u,
+        borderBottomWidth: d,
+        borderLeftWidth: n,
+        top: o ? `-${o}` : 0,
+        right: u ? `-${u}` : 0,
+        bottom: d ? `-${d}` : 0,
+        left: n ? `-${n}` : 0
+      };
+    },
+    forceShow: s
+  });
+}
+function z({
+  clientId: e,
+  value: r,
+  forceShow: s
+}) {
+  return /* @__PURE__ */ c.jsx(f, {
+    clientId: e,
+    value: r?.spacing?.padding,
+    computeStyle: (t) => ({
+      borderTopWidth: i(t, "padding-top"),
+      borderRightWidth: i(t, "padding-right"),
+      borderBottomWidth: i(t, "padding-bottom"),
+      borderLeftWidth: i(t, "padding-left")
+    }),
+    forceShow: s
+  });
+}
+export {
+  V as MarginVisualizer,
+  z as PaddingVisualizer
+};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/style.js

@@ -0,0 +1,174 @@
+import { useMemo as T } from "@wordpress/element";
+import { addFilter as $ } from "../../../hooks/build-module/index.js";
+import "../../../blocks/build-module/store/index.js";
+import { compileCSS as _, getCSSRules as z } from "../../../style-engine/build-module/index.js";
+import { BACKGROUND_SUPPORT_KEY as m, BackgroundImagePanel as Y } from "./background.js";
+import { BORDER_SUPPORT_KEY as x, SHADOW_SUPPORT_KEY as k, BorderPanel as j } from "./border.js";
+import { COLOR_SUPPORT_KEY as E, ColorEdit as B } from "./color.js";
+import { TYPOGRAPHY_SUPPORT_KEYS as C, TYPOGRAPHY_SUPPORT_KEY as g, TypographyPanel as K } from "./typography.js";
+import { DIMENSIONS_SUPPORT_KEY as c, SPACING_SUPPORT_KEY as h, DimensionsPanel as I } from "./dimensions.js";
+import { shouldSkipSerialization as U, useStyleOverride as N, useBlockSettings as v } from "./utils.js";
+import { scopeSelector as y } from "../components/global-styles/utils.js";
+import { useBlockEditingMode as M } from "../components/block-editing-mode/index.js";
+import { j as l } from "../../../../react/jsx-runtime.js";
+import D from "../../../compose/build-module/hooks/use-instance-id/index.js";
+import { hasBlockSupport as L, getBlockSupport as F } from "../../../blocks/build-module/api/registration.js";
+import { __EXPERIMENTAL_ELEMENTS as d } from "../../../blocks/build-module/api/constants.js";
+const G = [...C, x, E, c, m, h, k], O = (t) => G.some((r) => L(t, r));
+function H(t = {}) {
+  const r = {};
+  return z(t).forEach((n) => {
+    r[n.key] = n.value;
+  }), r;
+}
+function w(t) {
+  return O(t) && (t.attributes.style || Object.assign(t.attributes, {
+    style: {
+      type: "object"
+    }
+  })), t;
+}
+const b = {
+  [`${x}.__experimentalSkipSerialization`]: ["border"],
+  [`${E}.__experimentalSkipSerialization`]: [E],
+  [`${g}.__experimentalSkipSerialization`]: [g],
+  [`${c}.__experimentalSkipSerialization`]: [c],
+  [`${h}.__experimentalSkipSerialization`]: [h],
+  [`${k}.__experimentalSkipSerialization`]: [k]
+}, J = {
+  ...b,
+  [`${c}.aspectRatio`]: [`${c}.aspectRatio`],
+  // Skip serialization of aspect ratio in save mode.
+  [`${m}`]: [m]
+  // Skip serialization of background support in save mode.
+}, W = {
+  [`${c}.aspectRatio`]: !0,
+  [`${m}`]: !0
+}, X = {
+  gradients: "gradient"
+};
+function R(t, r, n = !1) {
+  if (!t)
+    return t;
+  let o = t;
+  return n || (o = JSON.parse(JSON.stringify(t))), Array.isArray(r) || (r = [r]), r.forEach((e) => {
+    if (Array.isArray(e) || (e = e.split(".")), e.length > 1) {
+      const [s, ...i] = e;
+      R(o[s], [i], !0);
+    } else e.length === 1 && delete o[e[0]];
+  }), o;
+}
+function A(t, r, n, o = J) {
+  if (!O(r))
+    return t;
+  let {
+    style: e
+  } = n;
+  return Object.entries(o).forEach(([s, i]) => {
+    const a = W[s] || F(r, s);
+    a === !0 && (e = R(e, i)), Array.isArray(a) && a.forEach((S) => {
+      const p = X[S] || S;
+      e = R(e, [[...i, p]]);
+    });
+  }), t.style = {
+    ...H(e),
+    ...t.style
+  }, t;
+}
+function q({
+  clientId: t,
+  name: r,
+  setAttributes: n,
+  __unstableParentLayout: o
+}) {
+  const e = v(r, o), s = M(), i = {
+    clientId: t,
+    name: r,
+    setAttributes: n,
+    settings: {
+      ...e,
+      typography: {
+        ...e.typography,
+        // The text alignment UI for individual blocks is rendered in
+        // the block toolbar, so disable it here.
+        textAlign: !1
+      }
+    }
+  };
+  return s !== "default" ? null : /* @__PURE__ */ l.jsxs(l.Fragment, {
+    children: [/* @__PURE__ */ l.jsx(B, {
+      ...i
+    }), /* @__PURE__ */ l.jsx(Y, {
+      ...i
+    }), /* @__PURE__ */ l.jsx(K, {
+      ...i
+    }), /* @__PURE__ */ l.jsx(j, {
+      ...i
+    }), /* @__PURE__ */ l.jsx(I, {
+      ...i
+    })]
+  });
+}
+const _t = {
+  edit: q,
+  hasSupport: O,
+  addSaveProps: A,
+  attributeKeys: ["style"],
+  useBlockProps: Z
+}, Q = [{
+  elementType: "button"
+}, {
+  elementType: "link",
+  pseudo: [":hover"]
+}, {
+  elementType: "heading",
+  elements: ["h1", "h2", "h3", "h4", "h5", "h6"]
+}], V = {};
+function Z({
+  name: t,
+  style: r
+}) {
+  const n = D(V, "wp-elements"), o = `.${n}`, e = r?.elements, s = T(() => {
+    if (!e)
+      return;
+    const i = [];
+    return Q.forEach(({
+      elementType: a,
+      pseudo: S,
+      elements: p
+    }) => {
+      if (U(t, E, a))
+        return;
+      const u = e?.[a];
+      if (u) {
+        const f = y(o, d[a]);
+        i.push(_(u, {
+          selector: f
+        })), S && S.forEach((P) => {
+          u[P] && i.push(_(u[P], {
+            selector: y(o, `${d[a]}${P}`)
+          }));
+        });
+      }
+      p && p.forEach((f) => {
+        e[f] && i.push(_(e[f], {
+          selector: y(o, d[f])
+        }));
+      });
+    }), i.length > 0 ? i.join("") : void 0;
+  }, [o, e, t]);
+  return N({
+    css: s
+  }), A({
+    className: n
+  }, t, {
+    style: r
+  }, b);
+}
+$("blocks.registerBlockType", "core/style/addAttribute", w);
+export {
+  A as addSaveProps,
+  _t as default,
+  H as getInlineStyles,
+  R as omitStyle
+};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/text-align.js

@@ -0,0 +1,99 @@
+import { clsx as A } from "../../../../clsx/dist/clsx.js";
+import "../../../i18n/build-module/sprintf.js";
+import "../../../../tannin/index.js";
+import { __ as s } from "../../../i18n/build-module/default-i18n.js";
+import "../../../blocks/build-module/store/index.js";
+import { useBlockEditingMode as T } from "../components/block-editing-mode/index.js";
+import { shouldSkipSerialization as f, useBlockSettings as E, cleanEmptyObject as S } from "./utils.js";
+import { TYPOGRAPHY_SUPPORT_KEY as x } from "./typography.js";
+import { j as p } from "../../../../react/jsx-runtime.js";
+import _ from "../../../icons/build-module/library/align-left.js";
+import N from "../../../icons/build-module/library/align-center.js";
+import P from "../../../icons/build-module/library/align-right.js";
+import C from "../components/block-controls/index.js";
+import { AlignmentControl as k } from "../components/alignment-control/index.js";
+import { hasBlockSupport as B, getBlockSupport as g } from "../../../blocks/build-module/api/registration.js";
+const o = "typography.textAlign", O = [{
+  icon: _,
+  title: s("Align text left"),
+  align: "left"
+}, {
+  icon: N,
+  title: s("Align text center"),
+  align: "center"
+}, {
+  icon: P,
+  title: s("Align text right"),
+  align: "right"
+}], u = ["left", "center", "right"], I = [];
+function a(t) {
+  return Array.isArray(t) ? u.filter((n) => t.includes(n)) : t === !0 ? u : I;
+}
+function L({
+  style: t,
+  name: n,
+  setAttributes: e
+}) {
+  const l = E(n)?.typography?.textAlign, c = T();
+  if (!l || c !== "default")
+    return null;
+  const m = a(g(n, o));
+  if (!m.length)
+    return null;
+  const d = O.filter((r) => m.includes(r.align)), h = (r) => {
+    const y = {
+      ...t,
+      typography: {
+        ...t?.typography,
+        textAlign: r
+      }
+    };
+    e({
+      style: S(y)
+    });
+  };
+  return /* @__PURE__ */ p.jsx(C, {
+    group: "block",
+    children: /* @__PURE__ */ p.jsx(k, {
+      value: t?.typography?.textAlign,
+      onChange: h,
+      alignmentControls: d
+    })
+  });
+}
+const F = {
+  edit: L,
+  useBlockProps: j,
+  addSaveProps: v,
+  attributeKeys: ["style"],
+  hasSupport(t) {
+    return B(t, o, !1);
+  }
+};
+function j({
+  name: t,
+  style: n
+}) {
+  if (!n?.typography?.textAlign || !a(g(t, o)).length || f(t, x, "textAlign"))
+    return null;
+  const i = n.typography.textAlign;
+  return {
+    className: A({
+      [`has-text-align-${i}`]: i
+    })
+  };
+}
+function v(t, n, e) {
+  if (!e?.style?.typography?.textAlign)
+    return t;
+  const {
+    textAlign: i
+  } = e.style.typography, l = g(n, o);
+  return a(l).includes(i) && !f(n, x, "textAlign") && (t.className = A(`has-text-align-${i}`, t.className)), t;
+}
+export {
+  o as TEXT_ALIGN_SUPPORT_KEY,
+  v as addAssignedTextAlign,
+  F as default,
+  a as getValidTextAlignments
+};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/typography.js

@@ -0,0 +1,103 @@
+import "../../../blocks/build-module/store/index.js";
+import { useMemo as E, useCallback as h } from "@wordpress/element";
+import O from "../components/inspector-controls/index.js";
+import R, { useHasTypographyPanel as F } from "../components/global-styles/typography-panel.js";
+import { LINE_HEIGHT_SUPPORT_KEY as Y } from "./line-height.js";
+import { FONT_FAMILY_SUPPORT_KEY as d } from "./font-family.js";
+import { FONT_SIZE_SUPPORT_KEY as x } from "./font-size.js";
+import { TEXT_ALIGN_SUPPORT_KEY as z } from "./text-align.js";
+import { cleanEmptyObject as U } from "./utils.js";
+import { store as K } from "../store/index.js";
+import { j as y } from "../../../../react/jsx-runtime.js";
+import C from "../../../data/build-module/components/use-select/index.js";
+import { getBlockSupport as I } from "../../../blocks/build-module/api/registration.js";
+function l(t, o) {
+  return Object.fromEntries(Object.entries(t).filter(([e]) => !o.includes(e)));
+}
+const N = "typography.__experimentalLetterSpacing", A = "typography.__experimentalTextTransform", v = "typography.__experimentalTextDecoration", j = "typography.textColumns", G = "typography.__experimentalFontStyle", L = "typography.__experimentalFontWeight", H = "typography.__experimentalWritingMode", M = "typography", ot = [Y, x, G, L, d, z, j, v, H, A, N];
+function f(t) {
+  const o = {
+    ...l(t, ["fontFamily"])
+  }, e = t?.typography?.fontSize, n = t?.typography?.fontFamily, r = e?.startsWith("var:preset|font-size|") ? e.substring(21) : void 0, p = n?.startsWith("var:preset|font-family|") ? n.substring(23) : void 0;
+  return o.typography = {
+    ...l(o.typography, ["fontFamily"]),
+    fontSize: r ? void 0 : e
+  }, {
+    style: U(o),
+    fontFamily: p,
+    fontSize: r
+  };
+}
+function m(t) {
+  return {
+    ...t.style,
+    typography: {
+      ...t.style?.typography,
+      fontFamily: t.fontFamily ? "var:preset|font-family|" + t.fontFamily : void 0,
+      fontSize: t.fontSize ? "var:preset|font-size|" + t.fontSize : t.style?.typography?.fontSize
+    }
+  };
+}
+function W({
+  children: t,
+  resetAllFilter: o
+}) {
+  const e = h((n) => {
+    const r = m(n), p = o(r);
+    return {
+      ...n,
+      ...f(p)
+    };
+  }, [o]);
+  return /* @__PURE__ */ y.jsx(O, {
+    group: "typography",
+    resetAllFilter: e,
+    children: t
+  });
+}
+function et({
+  clientId: t,
+  name: o,
+  setAttributes: e,
+  settings: n
+}) {
+  function r(i) {
+    const {
+      style: u,
+      fontFamily: g,
+      fontSize: P
+    } = i(K).getBlockAttributes(t) || {};
+    return {
+      style: u,
+      fontFamily: g,
+      fontSize: P
+    };
+  }
+  const {
+    style: p,
+    fontFamily: a,
+    fontSize: s
+  } = C(r, [t]), _ = F(n), T = E(() => m({
+    style: p,
+    fontFamily: a,
+    fontSize: s
+  }), [p, s, a]), c = (i) => {
+    e(f(i));
+  };
+  if (!_)
+    return null;
+  const S = I(o, [M, "__experimentalDefaultControls"]);
+  return /* @__PURE__ */ y.jsx(R, {
+    as: W,
+    panelId: t,
+    settings: n,
+    value: T,
+    onChange: c,
+    defaultControls: S
+  });
+}
+export {
+  M as TYPOGRAPHY_SUPPORT_KEY,
+  ot as TYPOGRAPHY_SUPPORT_KEYS,
+  et as TypographyPanel
+};

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/use-typography-props.js

@@ -0,0 +1,6 @@
+import { privateApis as o } from "@wordpress/components";
+import "./style.js";
+import { unlock as r } from "../lock-unlock.js";
+const {
+  kebabCase: t
+} = r(o);

package/dist/node_modules/@wordpress/block-editor/build-module/hooks/use-zoom-out.js

@@ -0,0 +1,30 @@
+import { useRef as c, useEffect as f } from "@wordpress/element";
+import { store as n } from "../store/index.js";
+import { unlock as Z } from "../lock-unlock.js";
+import p from "../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import O from "../../../data/build-module/components/use-select/index.js";
+function h(o = !0) {
+  const {
+    setZoomLevel: s,
+    resetZoomLevel: t
+  } = Z(p(n)), {
+    isZoomedOut: u,
+    isZoomOut: e
+  } = O((l) => {
+    const {
+      isZoomOut: i
+    } = Z(l(n));
+    return {
+      isZoomedOut: i(),
+      isZoomOut: i
+    };
+  }, []), r = c(!1), m = c(o);
+  f(() => {
+    u !== m.current && (r.current = !1);
+  }, [u]), f(() => (m.current = o, o !== e() && (r.current = !0, o ? s("auto-scaled") : t()), () => {
+    r.current && e() && t();
+  }), [o, e, t, s]);
+}
+export {
+  h as useZoomOut
+};