@measured/puck 0.21.0-canary.eb8ea5ce → 0.21.0-canary.ed10e2a4

package/dist/Editor-DR57V55X.mjs

@@ -1,194 +0,0 @@
-import {
-  EditorInner,
-  LoadedRichTextMenu,
-  useAppStore,
-  useAppStoreApi
-} from "./chunk-OPXWLTPM.mjs";
-import "./chunk-YZQENDBP.mjs";
-import {
-  PuckRichText
-} from "./chunk-CF5XA6LF.mjs";
-import {
-  __spreadProps,
-  __spreadValues,
-  init_react_import
-} from "./chunk-GQ457KMA.mjs";
-
-// components/RichTextEditor/components/Editor.tsx
-init_react_import();
-import { memo, useMemo } from "react";
-
-// components/RichTextEditor/lib/use-synced-editor.ts
-init_react_import();
-import { useEditor } from "@tiptap/react";
-import { useEffect, useRef } from "react";
-import { useDebounce } from "use-debounce";
-function useSyncedEditor({
-  content,
-  onChange,
-  extensions,
-  editable = true,
-  onFocusChange,
-  name
-}) {
-  const [debouncedState, setDebouncedState] = useDebounce(null, 50, {
-    leading: true,
-    maxWait: 200
-  });
-  const syncingRef = useRef(false);
-  const lastSyncedRef = useRef("");
-  const editTimer = useRef(null);
-  const isPending = !!editTimer.current;
-  const isFocused = useAppStore((s) => s.state.ui.field.focus === name);
-  const resetTimer = (clearOn) => {
-    if (editTimer.current) {
-      clearTimeout(editTimer.current);
-    }
-    editTimer.current = setTimeout(() => {
-      if (lastSyncedRef.current === clearOn) {
-        editTimer.current = null;
-      }
-    }, 200);
-  };
-  const appStoreApi = useAppStoreApi();
-  const editor = useEditor({
-    extensions,
-    content,
-    editable,
-    immediatelyRender: false,
-    parseOptions: { preserveWhitespace: "full" },
-    onUpdate: ({ editor: editor2 }) => {
-      if (syncingRef.current || !isFocused) {
-        appStoreApi.getState().setUi({ field: { focus: name } });
-        return;
-      }
-      const html = editor2.getHTML();
-      const { from, to } = editor2.state.selection;
-      setDebouncedState({ from, to, html });
-      resetTimer(html);
-      lastSyncedRef.current = html;
-    }
-  });
-  useEffect(() => {
-    if (!editor) return;
-    const handleFocus = () => {
-      onFocusChange == null ? void 0 : onFocusChange(editor);
-    };
-    editor.on("focus", handleFocus);
-    return () => {
-      editor.off("focus", handleFocus);
-    };
-  }, [editor, onFocusChange]);
-  useEffect(() => {
-    if (debouncedState) {
-      const { ui } = appStoreApi.getState().state;
-      onChange(debouncedState.html, {
-        field: __spreadProps(__spreadValues({}, ui.field), {
-          metadata: { from: debouncedState.from, to: debouncedState.to }
-        })
-      });
-    }
-  }, [editor, debouncedState, onChange, appStoreApi, name]);
-  useEffect(() => {
-    editor == null ? void 0 : editor.setEditable(editable);
-  }, [editor, editable]);
-  useEffect(() => {
-    var _a;
-    if (!editor) return;
-    if (isPending) {
-      return;
-    }
-    const current = editor.getHTML();
-    if (current === content) return;
-    syncingRef.current = true;
-    editor.commands.setContent(content, { emitUpdate: false });
-    const { ui } = appStoreApi.getState().state;
-    if (typeof ((_a = ui.field.metadata) == null ? void 0 : _a.from) !== "undefined") {
-      editor.commands.setTextSelection({
-        from: ui.field.metadata.from,
-        to: ui.field.metadata.to
-      });
-    }
-    syncingRef.current = false;
-  }, [content, editor, appStoreApi]);
-  return editor;
-}
-
-// components/RichTextEditor/components/Editor.tsx
-import { EditorContent } from "@tiptap/react";
-import { jsx } from "react/jsx-runtime";
-var Editor = memo((props) => {
-  const {
-    onChange,
-    content,
-    readOnly = false,
-    field,
-    inline = false,
-    onFocus,
-    id,
-    name
-  } = props;
-  const { tiptap = {}, options } = field;
-  const { extensions = [] } = tiptap;
-  const loadedExtensions = useMemo(
-    () => [PuckRichText.configure(options), ...extensions],
-    [field, extensions]
-  );
-  const appStoreApi = useAppStoreApi();
-  const focusName = `${name}${inline ? "::inline" : ""}`;
-  const editor = useSyncedEditor({
-    content,
-    onChange,
-    extensions: loadedExtensions,
-    editable: !readOnly,
-    name: focusName,
-    onFocusChange: (editor2) => {
-      if (editor2) {
-        const s = appStoreApi.getState();
-        appStoreApi.setState({
-          currentRichText: {
-            field,
-            editor: editor2,
-            id,
-            inline
-          },
-          state: __spreadProps(__spreadValues({}, s.state), {
-            ui: __spreadProps(__spreadValues({}, s.state.ui), {
-              field: __spreadProps(__spreadValues({}, s.state.ui.field), {
-                focus: focusName
-              })
-            })
-          })
-        });
-        onFocus == null ? void 0 : onFocus(editor2);
-      }
-    }
-  });
-  const menuEditor = useAppStore((s) => {
-    var _a, _b;
-    if (!inline && ((_a = s.currentRichText) == null ? void 0 : _a.id) === id && ((_b = s.currentRichText) == null ? void 0 : _b.inlineComponentId)) {
-      return s.currentRichText.editor;
-    }
-    return editor;
-  });
-  if (!editor) return null;
-  return /* @__PURE__ */ jsx(
-    EditorInner,
-    __spreadProps(__spreadValues({}, props), {
-      editor,
-      menu: /* @__PURE__ */ jsx(
-        LoadedRichTextMenu,
-        {
-          field,
-          editor: menuEditor,
-          readOnly
-        }
-      ),
-      children: /* @__PURE__ */ jsx(EditorContent, { editor, className: "rich-text" })
-    })
-  );
-});
-Editor.displayName = "Editor";
-export {
-  Editor
-};

package/dist/Editor-F2LSS6SE.css

@@ -1,403 +0,0 @@
-/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
-._RichTextMenu_k97eh_1 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
-._RichTextMenu--form_k97eh_7 {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  padding: 6px 6px;
-  background-color: var(--puck-color-grey-12);
-  position: relative;
-  scrollbar-width: none;
-  overflow-x: auto;
-}
-._RichTextMenu-group_k97eh_17 {
-  display: flex;
-  align-items: space-between;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  padding-inline: 6px;
-  gap: 2px;
-  position: relative;
-}
-._RichTextMenu-group_k97eh_17:first-of-type {
-  padding-left: 0;
-}
-._RichTextMenu-group_k97eh_17:last-of-type {
-  padding-right: 0;
-}
-._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
-  color: var(--puck-color-grey-08);
-  gap: 0px;
-  flex-wrap: nowrap;
-}
-._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
-  border-left: 1px solid var(--puck-color-grey-10);
-}
-._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
-  border-left: 0.5px solid var(--puck-color-grey-05);
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_ffob9_1 {
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  color: currentColor;
-  display: flex;
-  font-family: var(--puck-font-family);
-  justify-content: center;
-  padding: 4px;
-  transition: background-color 50ms ease-in, color 50ms ease-in;
-}
-._IconButton--active_ffob9_14 {
-  color: var(--puck-color-azure-04);
-}
-._IconButton_ffob9_1:focus-visible {
-  outline: 2px solid var(--puck-color-azure-05);
-  outline-offset: -2px;
-}
-@media (hover: hover) and (pointer: fine) {
-  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
-    background: var(--puck-color-grey-10);
-    color: var(--puck-color-azure-04);
-    cursor: pointer;
-    transition: none;
-  }
-}
-._IconButton_ffob9_1:active {
-  background: var(--puck-color-azure-11);
-  transition: none;
-}
-._IconButton-title_ffob9_37 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-._IconButton--disabled_ffob9_24 {
-  color: var(--puck-color-grey-07);
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
-@keyframes _loader-animation_nacdm_1 {
-  0% {
-    transform: rotate(0deg) scale(1);
-  }
-  50% {
-    transform: rotate(180deg) scale(0.8);
-  }
-  100% {
-    transform: rotate(360deg) scale(1);
-  }
-}
-._Loader_nacdm_13 {
-  background: transparent;
-  border-radius: 100%;
-  border: 2px solid currentColor;
-  border-bottom-color: transparent;
-  display: inline-block;
-  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
-  animation-fill-mode: both;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
-._ActionBar_1nmyk_1 {
-  align-items: center;
-  cursor: default;
-  display: flex;
-  width: auto;
-  padding: 4px;
-  padding-inline-start: 0;
-  padding-inline-end: 0;
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-  border-radius: 8px;
-  background: var(--puck-color-grey-01);
-  color: var(--puck-color-white);
-  font-family: var(--puck-font-family);
-  min-height: 26px;
-}
-._ActionBar-label_1nmyk_18 {
-  color: var(--puck-color-grey-08);
-  font-size: var(--puck-font-size-xxxs);
-  font-weight: 500;
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
-  padding-inline-start: 0;
-}
-._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
-  margin-inline-start: -4px;
-}
-._ActionBar-group_1nmyk_38 {
-  align-items: center;
-  border-inline-start: 0.5px solid var(--puck-color-grey-05);
-  display: flex;
-  height: 100%;
-  padding-inline-start: 4px;
-  padding-inline-end: 4px;
-}
-._ActionBar-group_1nmyk_38:first-of-type {
-  border-inline-start: 0;
-}
-._ActionBar-group_1nmyk_38:empty {
-  display: none;
-}
-._ActionBarAction_1nmyk_30 {
-  background: transparent;
-  border: none;
-  color: var(--puck-color-grey-08);
-  cursor: pointer;
-  padding: 6px;
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
-  border-radius: 4px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: color 50ms ease-in;
-}
-._ActionBarAction--disabled_1nmyk_71 {
-  cursor: auto;
-  color: var(--puck-color-grey-06);
-}
-._ActionBarAction_1nmyk_30 svg {
-  max-width: none !important;
-}
-._ActionBarAction_1nmyk_30:focus-visible {
-  outline: 2px solid var(--puck-color-azure-05);
-  outline-offset: -2px;
-}
-@media (hover: hover) and (pointer: fine) {
-  ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
-    color: var(--puck-color-azure-06);
-    transition: none;
-  }
-}
-._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
-._ActionBarAction--active_1nmyk_93 {
-  color: var(--puck-color-azure-07);
-  transition: none;
-}
-._ActionBar-group_1nmyk_38 * {
-  margin: 0;
-}
-._ActionBar-separator_1nmyk_102 {
-  background: var(--puck-color-grey-05);
-  margin-inline: 4px;
-  width: 0.5px;
-  height: 100%;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
-._Control_1aveu_1 .lucide {
-  height: 18px;
-  width: 18px;
-}
-._Control--inline_1aveu_6 .lucide {
-  height: 16px;
-  width: 16px;
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
-._Select_xjbef_1 {
-  position: relative;
-  z-index: 1;
-}
-._Select-button_xjbef_6 {
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  gap: 0px;
-  height: 100%;
-  padding: 4px;
-  padding-right: 2px;
-}
-._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
-  color: currentColor;
-}
-._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
-  cursor: pointer;
-}
-._Select-buttonIcon_xjbef_27 {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
-  height: 18px;
-  width: 18px;
-}
-._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
-  height: 16px;
-  width: 16px;
-}
-._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
-._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
-  background: var(--puck-color-grey-10);
-  color: var(--puck-color-azure-04);
-}
-._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
-  color: var(--puck-color-grey-07);
-}
-._Select--actionBar_xjbef_38 {
-  &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
-  &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
-    background: none;
-    color: var(--puck-color-azure-07);
-  }
-}
-._Select-items_xjbef_61 {
-  background: white;
-  border: 1px solid var(--puck-color-grey-09);
-  border-radius: 8px;
-  margin: 10px 8px;
-  margin-left: 0;
-  padding: 4px;
-  z-index: 2;
-  list-style: none;
-}
-._SelectItem_xjbef_72 {
-  background: transparent;
-  border-radius: 4px;
-  border: none;
-  color: var(--puck-color-grey-04);
-  cursor: pointer;
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: var(--puck-font-size-xxs);
-  margin: 0;
-  padding: 8px 12px;
-  width: 100%;
-}
-._SelectItem--isSelected_xjbef_87 {
-  background: var(--puck-color-azure-11);
-  color: var(--puck-color-azure-04);
-  font-weight: 500;
-}
-._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
-  color: var(--puck-color-azure-04);
-}
-._SelectItem_xjbef_72:hover {
-  background: var(--puck-color-azure-11);
-  color: var(--puck-color-azure-04);
-}
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
-._RichTextEditor_1elol_1 .ProseMirror {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  cursor: text;
-  outline: none;
-  position: relative;
-}
-._RichTextEditor_1elol_1 .rich-text * {
-  white-space: pre-wrap;
-  user-select: auto;
-  -webkit-user-select: auto;
-}
-._RichTextEditor_1elol_1 .rich-text blockquote {
-  margin: 1em 0;
-  padding: 0 1em;
-  border-left: 4px solid var(--puck-color-grey-09);
-}
-._RichTextEditor_1elol_1 .rich-text code {
-  background-color: var(--puck-color-grey-11);
-  padding: 4px 8px;
-  border-radius: 4px;
-}
-._RichTextEditor_1elol_1 .rich-text p:empty::before {
-  content: "\a0";
-}
-._RichTextEditor_1elol_1 .rich-text pre code {
-  display: block;
-  padding: 8px 12px;
-}
-._RichTextEditor_1elol_1 .rich-text > *:first-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:first-child,
-._RichTextEditor_1elol_1 .rich-text * p:first-of-type {
-  margin-top: 0;
-}
-._RichTextEditor_1elol_1 .rich-text > *:last-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:last-child,
-._RichTextEditor_1elol_1 .rich-text * p:last-of-type {
-  margin-bottom: 0;
-}
-._RichTextEditor--editor_1elol_50 {
-  background: var(--puck-color-white);
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--puck-color-grey-09);
-  border-radius: 4px;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  font-family: inherit;
-  font-size: var(--puck-font-size-xxs);
-  resize: vertical;
-  transition: border-color 50ms ease-in;
-  width: 100%;
-  max-width: 100%;
-  min-height: 128px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text {
-  flex-grow: 1;
-}
-._RichTextEditor--editor_1elol_50 .rich-text:not(:has(.ProseMirror)),
-._RichTextEditor--editor_1elol_50 .rich-text .ProseMirror {
-  height: 100%;
-  padding: 12px 15px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text ul,
-._RichTextEditor--editor_1elol_50 .rich-text ol {
-  padding-left: 24px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text li {
-  line-height: 1.5;
-}
-._RichTextEditor--editor_1elol_50 .rich-text p {
-  margin-block: 12px;
-}
-._RichTextEditor--editor_1elol_50 .rich-text ul {
-  list-style: disc;
-}
-._RichTextEditor--editor_1elol_50 .rich-text ol {
-  list-style: decimal;
-}
-._RichTextEditor--editor_1elol_50:focus-within {
-  border-color: var(--puck-color-grey-05);
-  outline: 2px solid var(--puck-color-azure-05);
-  transition: none;
-}
-._RichTextEditor--editor_1elol_50._RichTextEditor--disabled_1elol_106 {
-  background: var(--puck-color-grey-11);
-}
-._RichTextEditor_1elol_1:not(:focus-within):not(._RichTextEditor--isActive_1elol_110) .ProseMirror ::selection {
-  background-color: transparent;
-}
-._RichTextEditor-menu_1elol_116 {
-  border-bottom: 1px solid var(--puck-color-grey-10);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-._RichTextEditor--disabled_1elol_106 ._RichTextEditor-menu_1elol_116 {
-  border-bottom: 1px solid var(--puck-color-grey-09);
-}

package/dist/Render-6Q5WP25Y.mjs

@@ -1,51 +0,0 @@
-import {
-  PuckRichText
-} from "./chunk-CF5XA6LF.mjs";
-import {
-  get_class_name_factory_default,
-  init_react_import,
-  styles_module_default
-} from "./chunk-GQ457KMA.mjs";
-
-// components/RichTextEditor/components/Render.tsx
-init_react_import();
-import { generateHTML, generateJSON } from "@tiptap/html";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
-function RichTextRender({
-  content,
-  field
-}) {
-  const { tiptap = {}, options } = field;
-  const { extensions = [] } = tiptap;
-  const loadedExtensions = useMemo(
-    () => [PuckRichText.configure(options), ...extensions],
-    [field, extensions]
-  );
-  const normalized = useMemo(() => {
-    if (typeof content === "object" && (content == null ? void 0 : content.type) === "doc") {
-      return content;
-    }
-    if (typeof content === "string") {
-      const isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
-      if (isHtml) {
-        return generateJSON(content, loadedExtensions);
-      }
-      return {
-        type: "doc",
-        content: [
-          { type: "paragraph", content: [{ type: "text", text: content }] }
-        ]
-      };
-    }
-    return { type: "doc", content: [] };
-  }, [content, loadedExtensions]);
-  const html = useMemo(() => {
-    return generateHTML(normalized, loadedExtensions);
-  }, [normalized, loadedExtensions]);
-  return /* @__PURE__ */ jsx("div", { className: getClassName(), children: /* @__PURE__ */ jsx("div", { className: "rich-text", dangerouslySetInnerHTML: { __html: html } }) });
-}
-export {
-  RichTextRender
-};