@measured/puck 0.21.0-canary.af48a401 → 0.21.0-canary.b353d921

package/dist/chunk-FNWOH4R6.mjs

@@ -0,0 +1,109 @@
+import {
+  styles_module_default
+} from "./chunk-WUWXFMEM.mjs";
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-K3V4LVUL.mjs";
+import {
+  useAppStore,
+  useAppStoreApi
+} from "./chunk-7KY6RHEY.mjs";
+import {
+  __spreadValues,
+  get_class_name_factory_default,
+  init_react_import
+} from "./chunk-DCSQEDMK.mjs";
+
+// components/RichTextEditor/components/EditorInner.tsx
+init_react_import();
+import {
+  memo,
+  useCallback
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
+var EditorInner = memo(
+  ({
+    children,
+    menu,
+    readOnly = false,
+    field,
+    inline = false,
+    editor,
+    id
+  }) => {
+    const { initialHeight } = field;
+    const isActive = useAppStore(
+      (s) => {
+        var _a;
+        return ((_a = s.currentRichText) == null ? void 0 : _a.id) === id && inline === s.currentRichText.inline;
+      }
+    );
+    const appStoreApi = useAppStoreApi();
+    const handleHotkeyCapture = useCallback(
+      (event) => {
+        var _a, _b;
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "i") {
+          event.stopPropagation();
+          event.preventDefault();
+          (_b = editor == null ? void 0 : (_a = editor.commands).toggleItalic) == null ? void 0 : _b.call(_a);
+        }
+      },
+      [editor]
+    );
+    const handleBlur = useCallback(
+      (e) => {
+        var _a, _b;
+        const targetInMenu = !!((_b = (_a = e.relatedTarget) == null ? void 0 : _a.closest) == null ? void 0 : _b.call(
+          _a,
+          "[data-puck-rte-menu]"
+        ));
+        if (e.relatedTarget && !targetInMenu) {
+          appStoreApi.setState({
+            currentRichText: null
+          });
+        } else {
+          e.stopPropagation();
+        }
+      },
+      [appStoreApi]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: getClassName({
+          editor: !inline,
+          inline,
+          isActive,
+          disabled: readOnly
+        }),
+        style: inline ? {} : { height: initialHeight != null ? initialHeight : 192, overflowY: "auto" },
+        onKeyDownCapture: handleHotkeyCapture,
+        onBlur: handleBlur,
+        children: [
+          !inline && /* @__PURE__ */ jsx("div", { className: getClassName("menu"), children: menu }),
+          children
+        ]
+      }
+    );
+  }
+);
+EditorInner.displayName = "EditorInner";
+
+// components/RichTextMenu/index.tsx
+init_react_import();
+import { lazy, Suspense } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LoadedRichTextMenuFull = lazy(
+  () => import("./full-NLUNPJWS.mjs").then((m) => ({
+    default: m.LoadedRichTextMenuFull
+  }))
+);
+var LoadedRichTextMenu = (props) => {
+  return /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2(LoadedRichTextMenuInner, __spreadValues({}, props)), children: /* @__PURE__ */ jsx2(LoadedRichTextMenuFull, __spreadValues({}, props)) });
+};
+
+export {
+  EditorInner,
+  LoadedRichTextMenu
+};

package/dist/chunk-GQKMOYLG.mjs

@@ -0,0 +1,53 @@
+import {
+  AlignCenter,
+  AlignJustify,
+  AlignLeft,
+  AlignRight
+} from "./chunk-7KY6RHEY.mjs";
+import {
+  init_react_import
+} from "./chunk-DCSQEDMK.mjs";
+
+// components/RichTextMenu/controls/AlignSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  left: { label: "Left", icon: AlignLeft },
+  center: { label: "Center", icon: AlignCenter },
+  right: { label: "Right", icon: AlignRight },
+  justify: { label: "Justify", icon: AlignJustify }
+};
+var useAlignOptions = (fieldOptions) => {
+  var _a;
+  let blockOptions = [];
+  if ((fieldOptions == null ? void 0 : fieldOptions.textAlign) !== false) {
+    if (!((_a = fieldOptions == null ? void 0 : fieldOptions.textAlign) == null ? void 0 : _a.alignments)) {
+      blockOptions = ["left", "center", "right", "justify"];
+    } else {
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("left")) {
+        blockOptions.push("left");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("center")) {
+        blockOptions.push("center");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("right")) {
+        blockOptions.push("right");
+      }
+      if (fieldOptions == null ? void 0 : fieldOptions.textAlign.alignments.includes("justify")) {
+        blockOptions.push("justify");
+      }
+    }
+  }
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useAlignOptions
+};