@haklex/rich-ext-nested-doc 0.1.0 → 0.2.0

package/dist/transformer-CeHuyTaK.js

@@ -1,249 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { extractTextContent as extractTextContent$1 } from "@haklex/rich-editor/commands";
-import { useOptionalNestedContentRenderer, useColorScheme, useRendererConfig, usePresentDialog, useVariant, ColorSchemeProvider, NestedContentRendererProvider, extractTextContent } from "@haklex/rich-editor/static";
-import { DecoratorNode } from "lexical";
-import { useMemo, useCallback, createElement } from "react";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { usePortalTheme } from "@haklex/rich-style-token";
-import { Maximize2 } from "lucide-react";
-import { RichRenderer } from "@haklex/rich-static-renderer";
-var editOverlayRoot = "_1an6v8d0";
-var editOverlay = "_1an6v8d1";
-var rendererContent = "_1an6v8d2";
-var dialogPopup = "_1an6v8d3";
-var dialogShell = "_1an6v8d4";
-var dialogHeader = "_1an6v8d5";
-var dialogHeaderLeft = "_1an6v8d6";
-var dialogTitle = "_1an6v8d7";
-var dialogHeaderRight = "_1an6v8d8";
-var dialogHeaderCloseBtn = "_1an6v8d9";
-var editorArea = "_1an6v8dc";
-var dialogFooter = "_1an6v8dg";
-var staticOverlayRoot = "_1an6v8dh";
-var staticOverlay = "_1an6v8di";
-var staticGradientMask = "_1an6v8dj";
-var staticDialogPopup = "_1an6v8dk";
-var staticDialogBody = "_1an6v8dl";
-var previewSurface = "_1an6v8dm";
-var previewEmpty = "_1an6v8dn";
-function NestedDocRenderer({
-  value,
-  variant = "comment"
-}) {
-  const renderNestedContent = useOptionalNestedContentRenderer();
-  const theme = useColorScheme();
-  const rendererConfig = useRendererConfig();
-  if (renderNestedContent) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderNestedContent(value, variant) });
-  }
-  return /* @__PURE__ */ jsx(RichRenderer, { rendererConfig, theme, value, variant });
-}
-function truncateEditorState(state, maxNodes) {
-  const root = state.root;
-  if (!root?.children || root.children.length <= maxNodes) return state;
-  return {
-    ...state,
-    root: {
-      ...root,
-      children: root.children.slice(0, maxNodes)
-    }
-  };
-}
-function hasRenderableEditorState(state) {
-  const children = state.root?.children ?? [];
-  if (children.length === 0) return false;
-  if (children.length > 1) return true;
-  const first = children[0];
-  if (!first) return false;
-  if (first.type !== "paragraph") return true;
-  return first.children?.some((child) => {
-    if (child.type !== "text") return true;
-    return Boolean(child.text?.trim());
-  }) ?? false;
-}
-const PREVIEW_NODE_LIMIT = 6;
-function NestedDocStaticDecorator({ contentState }) {
-  const colorScheme = useColorScheme();
-  const { className: portalClassName } = usePortalTheme();
-  const presentDialogFromCtx = usePresentDialog();
-  const renderNestedContent = useOptionalNestedContentRenderer();
-  const children = contentState.root?.children ?? [];
-  const needsTruncation = children.length > PREVIEW_NODE_LIMIT;
-  const previewState = useMemo(
-    () => truncateEditorState(contentState, PREVIEW_NODE_LIMIT),
-    [contentState]
-  );
-  const hasPreview = hasRenderableEditorState(contentState);
-  const title = useMemo(() => {
-    const firstChild = children[0];
-    if (!firstChild) return "";
-    const walk = (node) => {
-      if (node.text) return node.text;
-      if (node.children) return node.children.map(walk).join("");
-      return "";
-    };
-    return walk(firstChild).slice(0, 80);
-  }, [children]);
-  const contextVariant = useVariant();
-  const handleOpen = useCallback(async () => {
-    const present = presentDialogFromCtx ?? (await import("@haklex/rich-editor-ui")).presentDialog;
-    present({
-      title: title || void 0,
-      content: () => /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme, children: /* @__PURE__ */ jsx(NestedContentRendererProvider, { value: renderNestedContent, children: /* @__PURE__ */ jsx("div", { className: staticDialogBody, children: /* @__PURE__ */ jsx(NestedDocRenderer, { value: contentState, variant: contextVariant }) }) }) }),
-      className: staticDialogPopup,
-      portalClassName,
-      theme: colorScheme,
-      showCloseButton: true,
-      clickOutsideToDismiss: true,
-      sheet: "auto"
-    });
-  }, [
-    colorScheme,
-    contentState,
-    portalClassName,
-    presentDialogFromCtx,
-    renderNestedContent,
-    title,
-    contextVariant
-  ]);
-  if (!hasPreview) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: staticOverlayRoot,
-      role: "button",
-      tabIndex: 0,
-      onClick: handleOpen,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          handleOpen();
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx("div", { className: `${rendererContent} rich-nested-doc-content`, children: /* @__PURE__ */ jsx("div", { className: previewSurface, children: /* @__PURE__ */ jsx(NestedDocRenderer, { value: previewState }) }) }),
-        needsTruncation && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: staticGradientMask }),
-        /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: staticOverlay, children: /* @__PURE__ */ jsx(Maximize2, { size: 24 }) })
-      ]
-    }
-  );
-}
-class NestedDocNode extends DecoratorNode {
-  constructor(contentState, key) {
-    super(key);
-    __publicField(this, "__contentState");
-    this.__contentState = contentState || {
-      root: {
-        children: [
-          {
-            type: "paragraph",
-            children: [],
-            direction: null,
-            format: "",
-            indent: 0,
-            textFormat: 0,
-            textStyle: "",
-            version: 1
-          }
-        ],
-        direction: null,
-        format: "",
-        indent: 0,
-        type: "root",
-        version: 1
-      }
-    };
-  }
-  static getType() {
-    return "nested-doc";
-  }
-  static clone(node) {
-    return new NestedDocNode(node.__contentState, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-nested-doc";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  getContentState() {
-    return this.getLatest().__contentState;
-  }
-  setContentState(state) {
-    const writable = this.getWritable();
-    writable.__contentState = state;
-  }
-  getTextContent() {
-    return extractTextContent(this.__contentState);
-  }
-  static importJSON(serializedNode) {
-    return new NestedDocNode(serializedNode.content);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "nested-doc",
-      content: this.__contentState,
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createElement(NestedDocStaticDecorator, {
-      contentState: this.__contentState
-    });
-  }
-}
-function $createNestedDocNode(contentState) {
-  return new NestedDocNode(contentState);
-}
-function $isNestedDocNode(node) {
-  return node instanceof NestedDocNode;
-}
-const NESTED_DOC_BLOCK_TRANSFORMER = {
-  dependencies: [],
-  export: (node) => {
-    if (!$isNestedDocNode(node)) return null;
-    const text = extractTextContent$1(node.getContentState());
-    return `<nested-doc>
-${text}
-</nested-doc>`;
-  },
-  // eslint-disable-next-line regexp/no-useless-assertions -- intentionally never-matching regex for export-only transformer
-  regExp: /a^/,
-  replace: () => {
-  },
-  type: "element"
-};
-export {
-  $isNestedDocNode as $,
-  NestedDocRenderer as N,
-  previewEmpty as a,
-  editOverlay as b,
-  dialogShell as c,
-  dialogPopup as d,
-  editOverlayRoot as e,
-  dialogHeader as f,
-  dialogHeaderLeft as g,
-  hasRenderableEditorState as h,
-  dialogTitle as i,
-  dialogHeaderRight as j,
-  dialogHeaderCloseBtn as k,
-  editorArea as l,
-  dialogFooter as m,
-  NestedDocNode as n,
-  $createNestedDocNode as o,
-  previewSurface as p,
-  NESTED_DOC_BLOCK_TRANSFORMER as q,
-  rendererContent as r,
-  NestedDocStaticDecorator as s,
-  truncateEditorState as t
-};