@blockbite/ui 1.0.4 → 2.0.0

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

@@ -0,0 +1,163 @@
+import { useState as V } from "@wordpress/element";
+import { store as S } from "../store/index.js";
+import { useStyleOverride as R } from "./utils.js";
+import { useLayout as h } from "../components/block-list/layout.js";
+import { j as d } from "../../../../react/jsx-runtime.js";
+import x from "../../../data/build-module/components/use-select/index.js";
+import _ from "../../../compose/build-module/hooks/use-instance-id/index.js";
+import { GridVisualizer as z } from "../components/grid/grid-visualizer.js";
+import { GridItemResizer as B } from "../components/grid/grid-item-resizer.js";
+import { GridItemMovers as j } from "../components/grid/grid-item-movers.js";
+const k = {};
+function v({
+  style: i
+}) {
+  var n;
+  const f = x((a) => !a(S).getSettings().disableLayoutStyles), m = (n = i?.layout) !== null && n !== void 0 ? n : {}, {
+    selfStretch: c,
+    flexSize: l,
+    columnStart: t,
+    rowStart: s,
+    columnSpan: o,
+    rowSpan: u
+  } = m, C = h() || {}, {
+    columnCount: p,
+    minimumColumnWidth: y
+  } = C, g = _(k), r = `.wp-container-content-${g}`;
+  if (process.env.NODE_ENV === "development") {
+    if (t && typeof t != "number")
+      throw new Error("columnStart must be a number");
+    if (s && typeof s != "number")
+      throw new Error("rowStart must be a number");
+    if (o && typeof o != "number")
+      throw new Error("columnSpan must be a number");
+    if (u && typeof u != "number")
+      throw new Error("rowSpan must be a number");
+  }
+  let e = "";
+  if (f && (c === "fixed" && l ? e = `${r} {
+				flex-basis: ${l};
+				box-sizing: border-box;
+			}` : c === "fill" ? e = `${r} {
+				flex-grow: 1;
+			}` : t && o ? e = `${r} {
+				grid-column: ${t} / span ${o};
+			}` : t ? e = `${r} {
+				grid-column: ${t};
+			}` : o && (e = `${r} {
+				grid-column: span ${o};
+			}`), s && u ? e += `${r} {
+				grid-row: ${s} / span ${u};
+			}` : s ? e += `${r} {
+				grid-row: ${s};
+			}` : u && (e += `${r} {
+				grid-row: span ${u};
+			}`), (o || t) && (y || !p))) {
+    let a = parseFloat(y);
+    isNaN(a) && (a = 12);
+    let w = y?.replace(a, "");
+    ["px", "rem", "em"].includes(w) || (w = "rem");
+    let b = 2;
+    o && t ? b = o + t - 1 : o ? b = o : b = t;
+    const $ = w === "px" ? 24 : 1.5, L = b * a + (b - 1) * $, E = a * 2 + $ - 1, I = o && o > 1 ? "1/-1" : "auto";
+    e += `@container (max-width: ${Math.max(L, E)}${w}) {
+				${r} {
+					grid-column: ${I};
+					grid-row: auto;
+				}
+			}`;
+  }
+  if (R({
+    css: e
+  }), !!e)
+    return {
+      className: `wp-container-content-${g}`
+    };
+}
+function O({
+  clientId: i,
+  style: n,
+  setAttributes: f
+}) {
+  const m = h() || {}, {
+    type: c = "default",
+    allowSizingOnChildren: l = !1,
+    isManualPlacement: t
+  } = m;
+  return c !== "grid" ? null : /* @__PURE__ */ d.jsx(P, {
+    clientId: i,
+    style: n,
+    setAttributes: f,
+    allowSizingOnChildren: l,
+    isManualPlacement: t,
+    parentLayout: m
+  });
+}
+function P({
+  clientId: i,
+  style: n,
+  setAttributes: f,
+  allowSizingOnChildren: m,
+  isManualPlacement: c,
+  parentLayout: l
+}) {
+  const {
+    rootClientId: t,
+    isVisible: s
+  } = x((p) => {
+    const {
+      getBlockRootClientId: y,
+      getBlockEditingMode: g,
+      getTemplateLock: r
+    } = p(S), e = y(i);
+    return r(e) || g(e) !== "default" ? {
+      rootClientId: e,
+      isVisible: !1
+    } : {
+      rootClientId: e,
+      isVisible: !0
+    };
+  }, [i]), [o, u] = V();
+  if (!s)
+    return null;
+  function C(p) {
+    f({
+      style: {
+        ...n,
+        layout: {
+          ...n?.layout,
+          ...p
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ d.jsxs(d.Fragment, {
+    children: [/* @__PURE__ */ d.jsx(z, {
+      clientId: t,
+      contentRef: u,
+      parentLayout: l
+    }), m && /* @__PURE__ */ d.jsx(B, {
+      clientId: i,
+      bounds: o,
+      onChange: C,
+      parentLayout: l
+    }), c && window.__experimentalEnableGridInteractivity && /* @__PURE__ */ d.jsx(j, {
+      layout: n?.layout,
+      parentLayout: l,
+      onChange: C,
+      gridClientId: t,
+      blockClientId: i
+    })]
+  });
+}
+const H = {
+  useBlockProps: v,
+  edit: O,
+  attributeKeys: ["style"],
+  hasSupport() {
+    return !0;
+  }
+};
+export {
+  H as default
+};

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

@@ -0,0 +1,245 @@
+import { clsx as D } from "../../../../clsx/dist/clsx.js";
+import { addFilter as F } from "../../../hooks/build-module/index.js";
+import "../../../blocks/build-module/store/index.js";
+import { privateApis as K, PanelBody as R, ToggleControl as U, __experimentalToggleGroupControl as V, __experimentalToggleGroupControlOption as Y } from "@wordpress/components";
+import "../../../i18n/build-module/sprintf.js";
+import "../../../../tannin/index.js";
+import { __ as L } from "../../../i18n/build-module/default-i18n.js";
+import { store as _ } from "../store/index.js";
+import { getLayoutType as B, getLayoutTypes as q } from "../layouts/index.js";
+import { useBlockEditingMode as J } from "../components/block-editing-mode/index.js";
+import { LAYOUT_DEFINITIONS as v } from "../layouts/definitions.js";
+import { useStyleOverride as Q, useBlockSettings as X } from "./utils.js";
+import { unlock as G } from "../lock-unlock.js";
+import { j as a } from "../../../../react/jsx-runtime.js";
+import j from "../../../data/build-module/components/use-select/index.js";
+import Z from "../../../compose/build-module/hooks/use-instance-id/index.js";
+import tt from "../components/inspector-controls/index.js";
+import { createHigherOrderComponent as ot } from "../../../compose/build-module/utils/create-higher-order-component/index.js";
+import { hasBlockSupport as A, getBlockSupport as T } from "../../../blocks/build-module/api/registration.js";
+const I = "layout", {
+  kebabCase: w
+} = G(K);
+function N(t) {
+  return A(t, "layout") || A(t, "__experimentalLayout");
+}
+function et(t = {}, e = "") {
+  const {
+    layout: n
+  } = t, {
+    default: l
+  } = T(e, I) || {}, o = n?.inherit || n?.contentSize || n?.wideSize ? {
+    ...n,
+    type: "constrained"
+  } : n || l || {}, s = [];
+  if (v[o?.type || "default"]?.className) {
+    const r = v[o?.type || "default"]?.className, u = e.split("/"), p = `wp-block-${u[0] === "core" ? u.pop() : u.join("-")}-${r}`;
+    s.push(r, p);
+  }
+  return j((r) => (o?.inherit || o?.contentSize || o?.type === "constrained") && r(_).getSettings().__experimentalFeatures?.useRootPaddingAwareAlignments, [o?.contentSize, o?.inherit, o?.type]) && s.push("has-global-padding"), o?.orientation && s.push(`is-${w(o.orientation)}`), o?.justifyContent && s.push(`is-content-justification-${w(o.justifyContent)}`), o?.flexWrap && o.flexWrap === "nowrap" && s.push("is-nowrap"), s;
+}
+function nt({
+  layout: t,
+  setAttributes: e,
+  name: n,
+  clientId: l
+}) {
+  const o = X(n), {
+    layout: s
+  } = o, {
+    themeSupportsLayout: c
+  } = j((S) => {
+    const {
+      getSettings: H
+    } = S(_);
+    return {
+      themeSupportsLayout: H().supportsLayout
+    };
+  }, []);
+  if (J() !== "default")
+    return null;
+  const u = T(n, I, {}), i = {
+    ...s,
+    ...u
+  }, {
+    allowSwitching: p,
+    allowEditing: f = !0,
+    allowInheriting: m = !0,
+    default: $
+  } = i;
+  if (!f)
+    return null;
+  const h = {
+    ...u,
+    ...t
+  }, {
+    type: b,
+    default: {
+      type: E = "default"
+    } = {}
+  } = h, d = b || E, O = !!(m && (!d || d === "default" || d === "constrained" || h.inherit)), g = t || $ || {}, {
+    inherit: k = !1,
+    contentSize: z = null
+  } = g;
+  if ((d === "default" || d === "constrained") && !c)
+    return null;
+  const y = B(d), P = B("constrained"), M = !g.type && (z || k), C = !!k || !!z, W = (S) => e({
+    layout: {
+      type: S
+    }
+  }), x = (S) => e({
+    layout: S
+  });
+  return /* @__PURE__ */ a.jsxs(a.Fragment, {
+    children: [/* @__PURE__ */ a.jsx(tt, {
+      children: /* @__PURE__ */ a.jsxs(R, {
+        title: L("Layout"),
+        children: [O && /* @__PURE__ */ a.jsx(a.Fragment, {
+          children: /* @__PURE__ */ a.jsx(U, {
+            __nextHasNoMarginBottom: !0,
+            label: L("Inner blocks use content width"),
+            checked: y?.name === "constrained" || C,
+            onChange: () => e({
+              layout: {
+                type: y?.name === "constrained" || C ? "default" : "constrained"
+              }
+            }),
+            help: y?.name === "constrained" || C ? L("Nested blocks use content width with options for full and wide widths.") : L("Nested blocks will fill the width of this container.")
+          })
+        }), !k && p && /* @__PURE__ */ a.jsx(at, {
+          type: d,
+          onChange: W
+        }), y && y.name !== "default" && /* @__PURE__ */ a.jsx(y.inspectorControls, {
+          layout: g,
+          onChange: x,
+          layoutBlockSupport: i,
+          name: n,
+          clientId: l
+        }), P && M && /* @__PURE__ */ a.jsx(P.inspectorControls, {
+          layout: g,
+          onChange: x,
+          layoutBlockSupport: i,
+          name: n,
+          clientId: l
+        })]
+      })
+    }), !k && y && /* @__PURE__ */ a.jsx(y.toolBarControls, {
+      layout: g,
+      onChange: x,
+      layoutBlockSupport: u,
+      name: n,
+      clientId: l
+    })]
+  });
+}
+const jt = {
+  shareWithChildBlocks: !0,
+  edit: nt,
+  attributeKeys: ["layout"],
+  hasSupport(t) {
+    return N(t);
+  }
+};
+function at({
+  type: t,
+  onChange: e
+}) {
+  return /* @__PURE__ */ a.jsx(V, {
+    __next40pxDefaultSize: !0,
+    isBlock: !0,
+    label: L("Layout type"),
+    __nextHasNoMarginBottom: !0,
+    hideLabelFromVision: !0,
+    isAdaptiveWidth: !0,
+    value: t,
+    onChange: e,
+    children: q().map(({
+      name: n,
+      label: l
+    }) => /* @__PURE__ */ a.jsx(Y, {
+      value: n,
+      label: l
+    }, n))
+  });
+}
+function st(t) {
+  var e;
+  return "type" in ((e = t.attributes?.layout) !== null && e !== void 0 ? e : {}) || N(t) && (t.attributes = {
+    ...t.attributes,
+    layout: {
+      type: "object"
+    }
+  }), t;
+}
+function rt({
+  block: t,
+  props: e,
+  blockGapSupport: n,
+  layoutClasses: l
+}) {
+  const {
+    name: o,
+    attributes: s
+  } = e, c = Z(t), {
+    layout: r
+  } = s, {
+    default: u
+  } = T(o, I) || {}, i = r?.inherit || r?.contentSize || r?.wideSize ? {
+    ...r,
+    type: "constrained"
+  } : r || u || {}, p = `wp-container-${w(o)}-is-layout-`, f = `.${p}${c}`, m = n !== null, h = B(i?.type || "default")?.getLayoutStyle?.({
+    blockName: o,
+    selector: f,
+    layout: i,
+    style: s?.style,
+    hasBlockGapSupport: m
+  }), b = D({
+    [`${p}${c}`]: !!h
+    // Only attach a container class if there is generated CSS to be attached.
+  }, l);
+  return Q({
+    css: h
+  }), /* @__PURE__ */ a.jsx(t, {
+    ...e,
+    __unstableLayoutClassNames: b
+  });
+}
+const lt = ot((t) => (e) => {
+  const {
+    clientId: n,
+    name: l,
+    attributes: o
+  } = e, s = N(l), c = et(o, l), r = j((u) => {
+    if (!s)
+      return;
+    const {
+      getSettings: i,
+      getBlockSettings: p
+    } = G(u(_)), {
+      disableLayoutStyles: f
+    } = i();
+    if (f)
+      return;
+    const [m] = p(n, "spacing.blockGap");
+    return {
+      blockGapSupport: m
+    };
+  }, [s, n]);
+  return r ? /* @__PURE__ */ a.jsx(rt, {
+    block: t,
+    props: e,
+    layoutClasses: c,
+    ...r
+  }) : /* @__PURE__ */ a.jsx(t, {
+    ...e,
+    __unstableLayoutClassNames: s ? c : void 0
+  });
+}, "withLayoutStyles");
+F("blocks.registerBlockType", "core/layout/addAttribute", st);
+F("editor.BlockListBlock", "core/editor/layout/with-layout-styles", lt);
+export {
+  st as addAttribute,
+  jt as default,
+  et as useLayoutClasses,
+  lt as withLayoutStyles
+};

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

@@ -0,0 +1,7 @@
+import "../../../blocks/build-module/store/index.js";
+import "./utils.js";
+import "../../../../react/jsx-runtime.js";
+const i = "typography.lineHeight";
+export {
+  i as LINE_HEIGHT_SUPPORT_KEY
+};

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

@@ -0,0 +1,14 @@
+import { addFilter as e } from "../../../hooks/build-module/index.js";
+function o(t) {
+  var r;
+  return "type" in ((r = t.attributes?.lock) !== null && r !== void 0 ? r : {}) || (t.attributes = {
+    ...t.attributes,
+    lock: {
+      type: "object"
+    }
+  }), t;
+}
+e("blocks.registerBlockType", "core/lock/addAttribute", o);
+export {
+  o as addAttribute
+};

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

@@ -0,0 +1,14 @@
+import { addFilter as a } from "../../../hooks/build-module/index.js";
+const r = "metadata";
+function e(t) {
+  return t?.attributes?.[r]?.type || (t.attributes = {
+    ...t.attributes,
+    [r]: {
+      type: "object"
+    }
+  }), t;
+}
+a("blocks.registerBlockType", "core/metadata/addMetaAttribute", e);
+export {
+  e as addMetaAttribute
+};

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

@@ -0,0 +1,168 @@
+import { clsx as w } from "../../../../clsx/dist/clsx.js";
+import { sprintf as x } from "../../../i18n/build-module/sprintf.js";
+import "../../../../tannin/index.js";
+import { __ as c, _x as O } from "../../../i18n/build-module/default-i18n.js";
+import "../../../blocks/build-module/store/index.js";
+import { BaseControl as C, CustomSelectControl as g } from "@wordpress/components";
+import { useMemo as E, Platform as D } from "@wordpress/element";
+import { useSettings as N } from "../components/use-settings/index.js";
+import B from "../components/inspector-controls/index.js";
+import F from "../components/use-block-display-information/index.js";
+import { useStyleOverride as $, cleanEmptyObject as j } from "./utils.js";
+import { store as R } from "../store/index.js";
+import { j as m } from "../../../../react/jsx-runtime.js";
+import K from "../../../compose/build-module/hooks/use-instance-id/index.js";
+import L from "../../../data/build-module/components/use-select/index.js";
+import { hasBlockSupport as _, getBlockSupport as P } from "../../../blocks/build-module/api/registration.js";
+const a = "position", S = {
+  key: "default",
+  value: "",
+  name: c("Default")
+}, h = {
+  key: "sticky",
+  value: "sticky",
+  name: O("Sticky", "Name for the value of the CSS position property"),
+  hint: c("The block will stick to the top of the window instead of scrolling.")
+}, I = {
+  key: "fixed",
+  value: "fixed",
+  name: O("Fixed", "Name for the value of the CSS position property"),
+  hint: c("The block will not move when the page is scrolled.")
+}, V = ["top", "right", "bottom", "left"], z = ["sticky", "fixed"];
+function Y({
+  selector: o,
+  style: t
+}) {
+  let e = "";
+  const {
+    type: n
+  } = t?.position || {};
+  return z.includes(n) && (e += `${o} {`, e += `position: ${n};`, V.forEach((s) => {
+    t?.position?.[s] !== void 0 && (e += `${s}: ${t.position[s]};`);
+  }), (n === "sticky" || n === "fixed") && (e += "z-index: 10"), e += "}"), e;
+}
+function A(o) {
+  const t = P(o, a);
+  return !!(t === !0 || t?.sticky);
+}
+function H(o) {
+  const t = P(o, a);
+  return !!(t === !0 || t?.fixed);
+}
+function M(o) {
+  return !!P(o, a);
+}
+function b({
+  name: o
+} = {}) {
+  const [t, e] = N("position.fixed", "position.sticky"), n = !t && !e;
+  return !M(o) || n;
+}
+function U({
+  style: o = {},
+  clientId: t,
+  name: e,
+  setAttributes: n
+}) {
+  const s = H(e), l = A(e), r = o?.position?.type, {
+    firstParentClientId: p
+  } = L((i) => {
+    const {
+      getBlockParents: k
+    } = i(R), f = k(t);
+    return {
+      firstParentClientId: f[f.length - 1]
+    };
+  }, [t]), u = F(p), T = l && r === h.value && u ? x(
+    /* translators: %s: the name of the parent block. */
+    c("The block will stick to the scrollable area of the parent %s block."),
+    u.title
+  ) : null, d = E(() => {
+    const i = [S];
+    return (l || r === h.value) && i.push(h), (s || r === I.value) && i.push(I), i;
+  }, [s, l, r]), v = (i) => {
+    const f = {
+      ...o,
+      position: {
+        ...o?.position,
+        type: i,
+        top: i === "sticky" || i === "fixed" ? "0px" : void 0
+      }
+    };
+    n({
+      style: j(f)
+    });
+  }, y = r && d.find((i) => i.value === r) || S;
+  return D.select({
+    web: d.length > 1 ? /* @__PURE__ */ m.jsx(B, {
+      group: "position",
+      children: /* @__PURE__ */ m.jsx(C, {
+        __nextHasNoMarginBottom: !0,
+        help: T,
+        children: /* @__PURE__ */ m.jsx(g, {
+          __next40pxDefaultSize: !0,
+          label: c("Position"),
+          hideLabelFromVision: !0,
+          describedBy: x(
+            // translators: %s: Currently selected position.
+            c("Currently selected position: %s"),
+            y.name
+          ),
+          options: d,
+          value: y,
+          onChange: ({
+            selectedItem: i
+          }) => {
+            v(i.value);
+          },
+          size: "__unstable-large"
+        })
+      })
+    }) : null,
+    native: null
+  });
+}
+const ut = {
+  edit: function(t) {
+    return b(t) ? null : /* @__PURE__ */ m.jsx(U, {
+      ...t
+    });
+  },
+  useBlockProps: q,
+  attributeKeys: ["style"],
+  hasSupport(o) {
+    return _(o, a);
+  }
+}, X = {};
+function q({
+  name: o,
+  style: t
+}) {
+  const e = _(o, a), n = b({
+    name: o
+  }), s = e && !n, l = K(X), r = `.wp-container-${l}.wp-container-${l}`;
+  let p;
+  s && (p = Y({
+    selector: r,
+    style: t
+  }) || "");
+  const u = w({
+    [`wp-container-${l}`]: s && !!p,
+    // Only attach a container class if there is generated CSS to be attached.
+    [`is-position-${t?.position?.type}`]: s && !!p && !!t?.position?.type
+  });
+  return $({
+    css: p
+  }), {
+    className: u
+  };
+}
+export {
+  U as PositionPanelPure,
+  ut as default,
+  Y as getPositionCSS,
+  H as hasFixedPositionSupport,
+  M as hasPositionSupport,
+  A as hasStickyPositionSupport,
+  b as useIsPositionDisabled
+};

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

@@ -0,0 +1,13 @@
+import { addFilter as r } from "../../../hooks/build-module/index.js";
+import "../../../blocks/build-module/store/index.js";
+import { hasBlockSupport as e } from "../../../blocks/build-module/api/registration.js";
+const i = (t) => e(t, "__experimentalSettings", !1);
+function o(t) {
+  return i(t) && (t?.attributes?.settings || (t.attributes = {
+    ...t.attributes,
+    settings: {
+      type: "object"
+    }
+  })), t;
+}
+r("blocks.registerBlockType", "core/settings/addAttribute", o);