@measured/puck 0.21.0-canary.3aa27d1d → 0.21.0-canary.41d0882b

package/dist/chunk-LJEGWHDD.mjs

@@ -0,0 +1,53 @@
+import {
+  AlignCenter,
+  AlignJustify,
+  AlignLeft,
+  AlignRight
+} from "./chunk-D2SRL6YA.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.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
+};

package/dist/chunk-M6W7YEVX.mjs

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// ../tsup-config/react-import.js
+import React from "react";
+var init_react_import = __esm({
+  "../tsup-config/react-import.js"() {
+    "use strict";
+  }
+});
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __commonJS,
+  __toESM,
+  __async,
+  init_react_import
+};

package/dist/chunk-PBAAIKXA.mjs

@@ -0,0 +1,111 @@
+import {
+  styles_module_default
+} from "./chunk-AOEDIUVK.mjs";
+import {
+  LoadedRichTextMenuInner
+} from "./chunk-BXQQARCR.mjs";
+import {
+  useAppStore,
+  useAppStoreApi
+} from "./chunk-D2SRL6YA.mjs";
+import {
+  get_class_name_factory_default
+} from "./chunk-Y2EFNT5P.mjs";
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.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-L7DWVNTZ.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-U4VSQKO3.mjs

@@ -0,0 +1,33 @@
+import {
+  List,
+  ListOrdered
+} from "./chunk-D2SRL6YA.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextMenu/controls/ListSelect/use-options.ts
+init_react_import();
+import { useMemo } from "react";
+var optionNodes = {
+  ul: { label: "Bullet list", icon: List },
+  ol: { label: "Numbered list", icon: ListOrdered }
+};
+var useListOptions = (fieldOptions) => {
+  let blockOptions = [];
+  if ((fieldOptions == null ? void 0 : fieldOptions.listItem) !== false) {
+    blockOptions = ["ul", "ol"];
+  }
+  return useMemo(
+    () => blockOptions.map((item) => ({
+      value: item,
+      label: optionNodes[item].label,
+      icon: optionNodes[item].icon
+    })),
+    [blockOptions]
+  );
+};
+
+export {
+  useListOptions
+};

package/dist/chunk-V5I7CVLT.mjs

@@ -0,0 +1,103 @@
+import {
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextEditor/extension.ts
+init_react_import();
+import { Extension } from "@tiptap/core";
+import { Blockquote } from "@tiptap/extension-blockquote";
+import { Bold } from "@tiptap/extension-bold";
+import { Code } from "@tiptap/extension-code";
+import { CodeBlock } from "@tiptap/extension-code-block";
+import { Document } from "@tiptap/extension-document";
+import { HardBreak } from "@tiptap/extension-hard-break";
+import { Heading } from "@tiptap/extension-heading";
+import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
+import { Italic } from "@tiptap/extension-italic";
+import { Link } from "@tiptap/extension-link";
+import {
+  BulletList,
+  ListItem,
+  ListKeymap,
+  OrderedList
+} from "@tiptap/extension-list";
+import { Paragraph } from "@tiptap/extension-paragraph";
+import { Strike } from "@tiptap/extension-strike";
+import { Text } from "@tiptap/extension-text";
+import TextAlign from "@tiptap/extension-text-align";
+import { Underline } from "@tiptap/extension-underline";
+var defaultPuckRichTextOptions = {
+  textAlign: {
+    types: ["heading", "paragraph"]
+  }
+};
+var PuckRichText = Extension.create({
+  name: "puckRichText",
+  addExtensions() {
+    const extensions = [];
+    const options = __spreadValues(__spreadValues({}, this.options), defaultPuckRichTextOptions);
+    if (options.bold !== false) {
+      extensions.push(Bold.configure(options.bold));
+    }
+    if (options.blockquote !== false) {
+      extensions.push(Blockquote.configure(options.blockquote));
+    }
+    if (options.bulletList !== false) {
+      extensions.push(BulletList.configure(options.bulletList));
+    }
+    if (options.code !== false) {
+      extensions.push(Code.configure(options.code));
+    }
+    if (options.codeBlock !== false) {
+      extensions.push(CodeBlock.configure(options.codeBlock));
+    }
+    if (options.document !== false) {
+      extensions.push(Document.configure(options.document));
+    }
+    if (options.hardBreak !== false) {
+      extensions.push(HardBreak.configure(options.hardBreak));
+    }
+    if (options.heading !== false) {
+      extensions.push(Heading.configure(options.heading));
+    }
+    if (options.horizontalRule !== false) {
+      extensions.push(HorizontalRule.configure(options.horizontalRule));
+    }
+    if (options.italic !== false) {
+      extensions.push(Italic.configure(options.italic));
+    }
+    if (options.listItem !== false) {
+      extensions.push(ListItem.configure(options.listItem));
+    }
+    if (options.listKeymap !== false) {
+      extensions.push(ListKeymap.configure(options == null ? void 0 : options.listKeymap));
+    }
+    if (options.link !== false) {
+      extensions.push(Link.configure(options == null ? void 0 : options.link));
+    }
+    if (options.orderedList !== false) {
+      extensions.push(OrderedList.configure(options.orderedList));
+    }
+    if (options.paragraph !== false) {
+      extensions.push(Paragraph.configure(options.paragraph));
+    }
+    if (options.strike !== false) {
+      extensions.push(Strike.configure(options.strike));
+    }
+    if (options.text !== false) {
+      extensions.push(Text.configure(options.text));
+    }
+    if (options.textAlign !== false) {
+      extensions.push(TextAlign.configure(options.textAlign));
+    }
+    if (options.underline !== false) {
+      extensions.push(Underline.configure(options == null ? void 0 : options.underline));
+    }
+    return extensions;
+  }
+});
+
+export {
+  PuckRichText
+};

package/dist/chunk-Y2EFNT5P.mjs

@@ -0,0 +1,108 @@
+import {
+  __commonJS,
+  __spreadValues,
+  __toESM,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// ../../node_modules/classnames/index.js
+var require_classnames = __commonJS({
+  "../../node_modules/classnames/index.js"(exports, module) {
+    "use strict";
+    init_react_import();
+    (function() {
+      "use strict";
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (typeof module !== "undefined" && module.exports) {
+        classNames.default = classNames;
+        module.exports = classNames;
+      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
+        define("classnames", [], function() {
+          return classNames;
+        });
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  }
+});
+
+// lib/get-class-name-factory.ts
+init_react_import();
+var import_classnames = __toESM(require_classnames());
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
+  if (typeof options === "string") {
+    const descendant = options;
+    const style = styles[`${rootClass}-${descendant}`];
+    if (style) {
+      return config.baseClass + styles[`${rootClass}-${descendant}`] || "";
+    }
+    return "";
+  } else if (typeof options === "object") {
+    const modifiers = options;
+    const prefixedModifiers = {};
+    for (let modifier in modifiers) {
+      prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
+    }
+    const c = styles[rootClass];
+    return config.baseClass + (0, import_classnames.default)(__spreadValues({
+      [c]: !!c
+    }, prefixedModifiers));
+  } else {
+    return config.baseClass + styles[rootClass] || "";
+  }
+};
+var get_class_name_factory_default = getClassNameFactory;
+
+export {
+  get_class_name_factory_default
+};
+/*! Bundled license information:
+
+classnames/index.js:
+  (*!
+  	Copyright (c) 2018 Jed Watson.
+  	Licensed under the MIT License (MIT), see
+  	http://jedwatson.github.io/classnames
+  *)
+*/