@blockbite/ui 1.0.5 → 2.0.0

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

@@ -0,0 +1,300 @@
+import "../../../blocks/build-module/store/index.js";
+import { memo as at, useEffect as lt, useState as dt, useId as mt, useMemo as ft } from "@wordpress/element";
+import { addFilter as p } from "../../../hooks/build-module/index.js";
+import { useBlockEditContext as gt, mayDisplayControlsKey as pt, mayDisplayParentControlsKey as ht } from "../components/block-edit/context.js";
+import { useSettingsForBlockElement as yt } from "../components/global-styles/hooks.js";
+import { getValueFromObjectPath as kt, setImmutably as St } from "../utils/object.js";
+import { store as bt } from "../store/index.js";
+import { unlock as Pt } from "../lock-unlock.js";
+import { clsx as zt } from "../../../../clsx/dist/clsx.js";
+import { j as h } from "../../../../react/jsx-runtime.js";
+import Bt from "../../../data/build-module/components/use-dispatch/use-dispatch.js";
+import xt from "../../../data/build-module/components/registry-provider/use-registry.js";
+import { useSettings as Ft } from "../components/use-settings/index.js";
+import { getBlockSupport as Et } from "../../../blocks/build-module/api/registration.js";
+import { createHigherOrderComponent as ct } from "../../../compose/build-module/utils/create-higher-order-component/index.js";
+const Ct = (o) => {
+  if (o === null || typeof o != "object" || Array.isArray(o))
+    return o;
+  const n = Object.entries(o).map(([e, t]) => [e, Ct(t)]).filter(([, e]) => e !== void 0);
+  return n.length ? Object.fromEntries(n) : void 0;
+};
+function qt(o, n, e, t, s, l) {
+  if (Object.values(o ?? {}).every((r) => !r) || l.length === 1 && e.innerBlocks.length === t.length)
+    return e;
+  let a = t[0]?.attributes;
+  if (l.length > 1 && t.length > 1)
+    if (t[s])
+      a = t[s]?.attributes;
+    else
+      return e;
+  let i = e;
+  return Object.entries(o).forEach(([r, m]) => {
+    m && n[r].forEach((c) => {
+      const u = kt(a, c);
+      u && (i = {
+        ...i,
+        attributes: St(i.attributes, c, u)
+      });
+    });
+  }), i;
+}
+function Jt(o, n, e) {
+  const s = Et(o, n)?.__experimentalSkipSerialization;
+  return Array.isArray(s) ? s.includes(e) : s;
+}
+const g = /* @__PURE__ */ new WeakMap();
+function Qt({
+  id: o,
+  css: n
+}) {
+  return wt({
+    id: o,
+    css: n
+  });
+}
+function wt({
+  id: o,
+  css: n,
+  assets: e,
+  __unstableType: t,
+  variation: s,
+  clientId: l
+} = {}) {
+  const {
+    setStyleOverride: a,
+    deleteStyleOverride: i
+  } = Pt(Bt(bt)), r = xt(), m = mt();
+  lt(() => {
+    if (!n && !e)
+      return;
+    const c = o || m, u = {
+      id: o,
+      css: n,
+      assets: e,
+      __unstableType: t,
+      variation: s,
+      clientId: l
+    };
+    return g.get(r) || g.set(r, []), g.get(r).push([c, u]), window.queueMicrotask(() => {
+      g.get(r)?.length && r.batch(() => {
+        g.get(r).forEach((f) => {
+          a(...f);
+        }), g.set(r, []);
+      });
+    }), () => {
+      g.get(r)?.find(([d]) => d === c) ? g.set(r, g.get(r).filter(([d]) => d !== c)) : i(c);
+    };
+  }, [o, n, l, e, t, m, a, i, r]);
+}
+function Ut(o, n) {
+  const [e, t, s, l, a, i, r, m, c, u, f, d, y, k, S, b, P, z, B, x, F, E, C, w, O, A, D, j, v, H, G, W, I, N, L, M, K, R, _, T, V, q, J, Q, U, X, Y, Z, $, tt, et, ot, rt, nt, it, st] = Ft("background.backgroundImage", "background.backgroundSize", "typography.fontFamilies.custom", "typography.fontFamilies.default", "typography.fontFamilies.theme", "typography.defaultFontSizes", "typography.fontSizes.custom", "typography.fontSizes.default", "typography.fontSizes.theme", "typography.customFontSize", "typography.fontStyle", "typography.fontWeight", "typography.lineHeight", "typography.textAlign", "typography.textColumns", "typography.textDecoration", "typography.writingMode", "typography.textTransform", "typography.letterSpacing", "spacing.padding", "spacing.margin", "spacing.blockGap", "spacing.defaultSpacingSizes", "spacing.customSpacingSize", "spacing.spacingSizes.custom", "spacing.spacingSizes.default", "spacing.spacingSizes.theme", "spacing.units", "dimensions.aspectRatio", "dimensions.minHeight", "layout", "border.color", "border.radius", "border.style", "border.width", "color.custom", "color.palette.custom", "color.customDuotone", "color.palette.theme", "color.palette.default", "color.defaultPalette", "color.defaultDuotone", "color.duotone.custom", "color.duotone.theme", "color.duotone.default", "color.gradients.custom", "color.gradients.theme", "color.gradients.default", "color.defaultGradients", "color.customGradient", "color.background", "color.link", "color.text", "color.heading", "color.button", "shadow"), ut = ft(() => ({
+    background: {
+      backgroundImage: e,
+      backgroundSize: t
+    },
+    color: {
+      palette: {
+        custom: K,
+        theme: _,
+        default: T
+      },
+      gradients: {
+        custom: X,
+        theme: Y,
+        default: Z
+      },
+      duotone: {
+        custom: J,
+        theme: Q,
+        default: U
+      },
+      defaultGradients: $,
+      defaultPalette: V,
+      defaultDuotone: q,
+      custom: M,
+      customGradient: tt,
+      customDuotone: R,
+      background: et,
+      link: ot,
+      heading: nt,
+      button: it,
+      text: rt
+    },
+    typography: {
+      fontFamilies: {
+        custom: s,
+        default: l,
+        theme: a
+      },
+      fontSizes: {
+        custom: r,
+        default: m,
+        theme: c
+      },
+      customFontSize: u,
+      defaultFontSizes: i,
+      fontStyle: f,
+      fontWeight: d,
+      lineHeight: y,
+      textAlign: k,
+      textColumns: S,
+      textDecoration: b,
+      textTransform: z,
+      letterSpacing: B,
+      writingMode: P
+    },
+    spacing: {
+      spacingSizes: {
+        custom: O,
+        default: A,
+        theme: D
+      },
+      customSpacingSize: w,
+      defaultSpacingSizes: C,
+      padding: x,
+      margin: F,
+      blockGap: E,
+      units: j
+    },
+    border: {
+      color: W,
+      radius: I,
+      style: N,
+      width: L
+    },
+    dimensions: {
+      aspectRatio: v,
+      minHeight: H
+    },
+    layout: G,
+    parentLayout: n,
+    shadow: st
+  }), [e, t, s, l, a, i, r, m, c, u, f, d, y, k, S, b, z, B, P, x, F, E, C, w, O, A, D, j, v, H, G, n, W, I, N, L, M, K, R, _, T, V, q, J, Q, U, X, Y, Z, $, tt, et, ot, rt, nt, it, st]);
+  return yt(ut, o);
+}
+function Xt(o) {
+  o = o.map((e) => ({
+    ...e,
+    Edit: at(e.edit)
+  }));
+  const n = ct((e) => (t) => {
+    const s = gt();
+    return [...o.map((l, a) => {
+      const {
+        Edit: i,
+        hasSupport: r,
+        attributeKeys: m = [],
+        shareWithChildBlocks: c
+      } = l;
+      if (!(s[pt] || s[ht] && c) || !r(t.name))
+        return null;
+      const f = {};
+      for (const d of m)
+        t.attributes[d] && (f[d] = t.attributes[d]);
+      return /* @__PURE__ */ h.jsx(
+        i,
+        {
+          name: t.name,
+          isSelected: t.isSelected,
+          clientId: t.clientId,
+          setAttributes: t.setAttributes,
+          __unstableParentLayout: t.__unstableParentLayout,
+          ...f
+        },
+        a
+      );
+    }), /* @__PURE__ */ h.jsx(e, {
+      ...t
+    }, "edit")];
+  }, "withBlockEditHooks");
+  p("editor.BlockEdit", "core/editor/hooks", n);
+}
+function Ot({
+  index: o,
+  useBlockProps: n,
+  setAllWrapperProps: e,
+  ...t
+}) {
+  const s = n(t), l = (a) => e((i) => {
+    const r = [...i];
+    return r[o] = a, r;
+  });
+  return lt(() => (l(s), () => {
+    l(void 0);
+  })), null;
+}
+const At = at(Ot);
+function Yt(o) {
+  const n = ct((e) => (t) => {
+    const [s, l] = dt(Array(o.length).fill(void 0));
+    return [...o.map((a, i) => {
+      const {
+        hasSupport: r,
+        attributeKeys: m = [],
+        useBlockProps: c,
+        isMatch: u
+      } = a, f = {};
+      for (const d of m)
+        t.attributes[d] && (f[d] = t.attributes[d]);
+      return (
+        // Skip rendering if none of the needed attributes are
+        // set.
+        !Object.keys(f).length || !r(t.name) || u && !u(f) ? null : /* @__PURE__ */ h.jsx(
+          At,
+          {
+            index: i,
+            useBlockProps: c,
+            setAllWrapperProps: l,
+            name: t.name,
+            clientId: t.clientId,
+            ...f
+          },
+          i
+        )
+      );
+    }), /* @__PURE__ */ h.jsx(e, {
+      ...t,
+      wrapperProps: s.filter(Boolean).reduce((a, i) => ({
+        ...a,
+        ...i,
+        className: zt(a.className, i.className),
+        style: {
+          ...a.style,
+          ...i.style
+        }
+      }), t.wrapperProps || {})
+    }, "edit")];
+  }, "withBlockListBlockHooks");
+  p("editor.BlockListBlock", "core/editor/hooks", n);
+}
+function Zt(o) {
+  function n(e, t, s) {
+    return o.reduce((l, a) => {
+      const {
+        hasSupport: i,
+        attributeKeys: r = [],
+        addSaveProps: m
+      } = a, c = {};
+      for (const u of r)
+        s[u] && (c[u] = s[u]);
+      return (
+        // Skip rendering if none of the needed attributes are
+        // set.
+        !Object.keys(c).length || !i(t) ? l : m(l, t, c)
+      );
+    }, e);
+  }
+  p("blocks.getSaveContent.extraProps", "core/editor/hooks", n, 0), p("blocks.getSaveContent.extraProps", "core/editor/hooks", (e) => (e.hasOwnProperty("className") && !e.className && delete e.className, e));
+}
+export {
+  Ct as cleanEmptyObject,
+  Xt as createBlockEditFilter,
+  Yt as createBlockListBlockFilter,
+  Zt as createBlockSaveFilter,
+  Jt as shouldSkipSerialization,
+  qt as transformStyles,
+  Ut as useBlockSettings,
+  wt as usePrivateStyleOverride,
+  Qt as useStyleOverride
+};

package/dist/node_modules/@wordpress/block-editor/build-module/layouts/constrained.js

@@ -0,0 +1,237 @@
+import { __experimentalUseCustomUnits as k, __experimentalVStack as y, __experimentalUnitControl as w, __experimentalInputControlPrefixWrapper as b, __experimentalToggleGroupControl as $, __experimentalToggleGroupControlOptionIcon as z } from "@wordpress/components";
+import "../../../i18n/build-module/sprintf.js";
+import "../../../../tannin/index.js";
+import { __ as f } from "../../../i18n/build-module/default-i18n.js";
+import { getCSSRules as J } from "../../../style-engine/build-module/index.js";
+import { useSettings as L } from "../components/use-settings/index.js";
+import { getAlignmentsInfo as I, appendSelectors as c, getBlockGapCSS as V } from "./utils.js";
+import { getGapCSSValue as S } from "../hooks/gap.js";
+import { shouldSkipSerialization as G } from "../hooks/utils.js";
+import { LAYOUT_DEFINITIONS as O } from "./definitions.js";
+import { j as e } from "../../../../react/jsx-runtime.js";
+import P from "../components/block-controls/index.js";
+import R from "../../../icons/build-module/library/justify-left.js";
+import D from "../../../icons/build-module/library/justify-center.js";
+import N from "../../../icons/build-module/library/justify-right.js";
+import v from "../../../icons/build-module/icon/index.js";
+import U from "../../../icons/build-module/library/align-none.js";
+import B from "../../../icons/build-module/library/stretch-wide.js";
+import { JustifyContentControl as T } from "../components/justify-content-control/index.js";
+const ft = {
+  name: "constrained",
+  label: f("Constrained"),
+  inspectorControls: function({
+    layout: t,
+    onChange: a,
+    layoutBlockSupport: l = {}
+  }) {
+    const {
+      wideSize: i,
+      contentSize: r,
+      justifyContent: x = "center"
+    } = t, {
+      allowJustification: u = !0,
+      allowCustomContentAndWideSize: m = !0
+    } = l, p = (n) => {
+      a({
+        ...t,
+        justifyContent: n
+      });
+    }, g = [{
+      value: "left",
+      icon: R,
+      label: f("Justify items left")
+    }, {
+      value: "center",
+      icon: D,
+      label: f("Justify items center")
+    }, {
+      value: "right",
+      icon: N,
+      label: f("Justify items right")
+    }], [d] = L("spacing.units"), C = k({
+      availableUnits: d || ["%", "px", "em", "rem", "vw"]
+    });
+    return /* @__PURE__ */ e.jsxs(y, {
+      spacing: 4,
+      className: "block-editor-hooks__layout-constrained",
+      children: [m && /* @__PURE__ */ e.jsxs(e.Fragment, {
+        children: [/* @__PURE__ */ e.jsx(w, {
+          __next40pxDefaultSize: !0,
+          label: f("Content width"),
+          labelPosition: "top",
+          value: r || i || "",
+          onChange: (n) => {
+            n = 0 > parseFloat(n) ? "0" : n, a({
+              ...t,
+              contentSize: n
+            });
+          },
+          units: C,
+          prefix: /* @__PURE__ */ e.jsx(b, {
+            variant: "icon",
+            children: /* @__PURE__ */ e.jsx(v, {
+              icon: U
+            })
+          })
+        }), /* @__PURE__ */ e.jsx(w, {
+          __next40pxDefaultSize: !0,
+          label: f("Wide width"),
+          labelPosition: "top",
+          value: i || r || "",
+          onChange: (n) => {
+            n = 0 > parseFloat(n) ? "0" : n, a({
+              ...t,
+              wideSize: n
+            });
+          },
+          units: C,
+          prefix: /* @__PURE__ */ e.jsx(b, {
+            variant: "icon",
+            children: /* @__PURE__ */ e.jsx(v, {
+              icon: B
+            })
+          })
+        }), /* @__PURE__ */ e.jsx("p", {
+          className: "block-editor-hooks__layout-constrained-helptext",
+          children: f("Customize the width for all elements that are assigned to the center or wide columns.")
+        })]
+      }), u && /* @__PURE__ */ e.jsx($, {
+        __next40pxDefaultSize: !0,
+        __nextHasNoMarginBottom: !0,
+        label: f("Justification"),
+        value: x,
+        onChange: p,
+        children: g.map(({
+          value: n,
+          icon: s,
+          label: j
+        }) => /* @__PURE__ */ e.jsx(z, {
+          value: n,
+          icon: s,
+          label: j
+        }, n))
+      })]
+    });
+  },
+  toolBarControls: function({
+    layout: t = {},
+    onChange: a,
+    layoutBlockSupport: l
+  }) {
+    const {
+      allowJustification: i = !0
+    } = l;
+    return i ? /* @__PURE__ */ e.jsx(P, {
+      group: "block",
+      __experimentalShareWithChildBlocks: !0,
+      children: /* @__PURE__ */ e.jsx(E, {
+        layout: t,
+        onChange: a
+      })
+    }) : null;
+  },
+  getLayoutStyle: function({
+    selector: t,
+    layout: a = {},
+    style: l,
+    blockName: i,
+    hasBlockGapSupport: r,
+    layoutDefinitions: x = O
+  }) {
+    const {
+      contentSize: u,
+      wideSize: m,
+      justifyContent: p
+    } = a, g = S(l?.spacing?.blockGap);
+    let d = "";
+    G(i, "spacing", "blockGap") || (g?.top ? d = S(g?.top) : typeof g == "string" && (d = S(g)));
+    const C = p === "left" ? "0 !important" : "auto !important", n = p === "right" ? "0 !important" : "auto !important";
+    let s = u || m ? `
+					${c(t, "> :where(:not(.alignleft):not(.alignright):not(.alignfull))")} {
+						max-width: ${u ?? m};
+						margin-left: ${C};
+						margin-right: ${n};
+					}
+					${c(t, "> .alignwide")}  {
+						max-width: ${m ?? u};
+					}
+					${c(t, "> .alignfull")} {
+						max-width: none;
+					}
+				` : "";
+    return p === "left" ? s += `${c(t, "> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}
+			{ margin-left: ${C}; }` : p === "right" && (s += `${c(t, "> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}
+			{ margin-right: ${n}; }`), l?.spacing?.padding && J(l).forEach((h) => {
+      if (h.key === "paddingRight") {
+        const _ = h.value === "0" ? "0px" : h.value;
+        s += `
+					${c(t, "> .alignfull")} {
+						margin-right: calc(${_} * -1);
+					}
+					`;
+      } else if (h.key === "paddingLeft") {
+        const _ = h.value === "0" ? "0px" : h.value;
+        s += `
+					${c(t, "> .alignfull")} {
+						margin-left: calc(${_} * -1);
+					}
+					`;
+      }
+    }), r && d && (s += V(t, x, "constrained", d)), s;
+  },
+  getOrientation() {
+    return "vertical";
+  },
+  getAlignments(o) {
+    const t = I(o);
+    if (o.alignments !== void 0)
+      return o.alignments.includes("none") || o.alignments.unshift("none"), o.alignments.map((r) => ({
+        name: r,
+        info: t[r]
+      }));
+    const {
+      contentSize: a,
+      wideSize: l
+    } = o, i = [{
+      name: "left"
+    }, {
+      name: "center"
+    }, {
+      name: "right"
+    }];
+    return a && i.unshift({
+      name: "full"
+    }), l && i.unshift({
+      name: "wide",
+      info: t.wide
+    }), i.unshift({
+      name: "none",
+      info: t.none
+    }), i;
+  }
+}, A = {
+  placement: "bottom-start"
+};
+function E({
+  layout: o,
+  onChange: t
+}) {
+  const {
+    justifyContent: a = "center"
+  } = o, l = (r) => {
+    t({
+      ...o,
+      justifyContent: r
+    });
+  }, i = ["left", "center", "right"];
+  return /* @__PURE__ */ e.jsx(T, {
+    allowedControls: i,
+    value: a,
+    onChange: l,
+    popoverProps: A
+  });
+}
+export {
+  ft as default
+};

package/dist/node_modules/@wordpress/block-editor/build-module/layouts/definitions.js

@@ -0,0 +1,147 @@
+const e = {
+  default: {
+    name: "default",
+    slug: "flow",
+    className: "is-layout-flow",
+    baseStyles: [{
+      selector: " > .alignleft",
+      rules: {
+        float: "left",
+        "margin-inline-start": "0",
+        "margin-inline-end": "2em"
+      }
+    }, {
+      selector: " > .alignright",
+      rules: {
+        float: "right",
+        "margin-inline-start": "2em",
+        "margin-inline-end": "0"
+      }
+    }, {
+      selector: " > .aligncenter",
+      rules: {
+        "margin-left": "auto !important",
+        "margin-right": "auto !important"
+      }
+    }],
+    spacingStyles: [{
+      selector: " > :first-child",
+      rules: {
+        "margin-block-start": "0"
+      }
+    }, {
+      selector: " > :last-child",
+      rules: {
+        "margin-block-end": "0"
+      }
+    }, {
+      selector: " > *",
+      rules: {
+        "margin-block-start": null,
+        "margin-block-end": "0"
+      }
+    }]
+  },
+  constrained: {
+    name: "constrained",
+    slug: "constrained",
+    className: "is-layout-constrained",
+    baseStyles: [{
+      selector: " > .alignleft",
+      rules: {
+        float: "left",
+        "margin-inline-start": "0",
+        "margin-inline-end": "2em"
+      }
+    }, {
+      selector: " > .alignright",
+      rules: {
+        float: "right",
+        "margin-inline-start": "2em",
+        "margin-inline-end": "0"
+      }
+    }, {
+      selector: " > .aligncenter",
+      rules: {
+        "margin-left": "auto !important",
+        "margin-right": "auto !important"
+      }
+    }, {
+      selector: " > :where(:not(.alignleft):not(.alignright):not(.alignfull))",
+      rules: {
+        "max-width": "var(--wp--style--global--content-size)",
+        "margin-left": "auto !important",
+        "margin-right": "auto !important"
+      }
+    }, {
+      selector: " > .alignwide",
+      rules: {
+        "max-width": "var(--wp--style--global--wide-size)"
+      }
+    }],
+    spacingStyles: [{
+      selector: " > :first-child",
+      rules: {
+        "margin-block-start": "0"
+      }
+    }, {
+      selector: " > :last-child",
+      rules: {
+        "margin-block-end": "0"
+      }
+    }, {
+      selector: " > *",
+      rules: {
+        "margin-block-start": null,
+        "margin-block-end": "0"
+      }
+    }]
+  },
+  flex: {
+    name: "flex",
+    slug: "flex",
+    className: "is-layout-flex",
+    displayMode: "flex",
+    baseStyles: [{
+      selector: "",
+      rules: {
+        "flex-wrap": "wrap",
+        "align-items": "center"
+      }
+    }, {
+      selector: " > :is(*, div)",
+      // :is(*, div) instead of just * increases the specificity by 001.
+      rules: {
+        margin: "0"
+      }
+    }],
+    spacingStyles: [{
+      selector: "",
+      rules: {
+        gap: null
+      }
+    }]
+  },
+  grid: {
+    name: "grid",
+    slug: "grid",
+    className: "is-layout-grid",
+    displayMode: "grid",
+    baseStyles: [{
+      selector: " > :is(*, div)",
+      // :is(*, div) instead of just * increases the specificity by 001.
+      rules: {
+        margin: "0"
+      }
+    }],
+    spacingStyles: [{
+      selector: "",
+      rules: {
+        gap: null
+      }
+    }]
+  }
+};
+export {
+  e as LAYOUT_DEFINITIONS
+};