@pstdio/ui 0.23.0 → 0.24.2

package/dist/{MermaidComponent-BTgLnpLA.js → MermaidComponent-DSvPk-J8.js}

@@ -6,7 +6,7 @@ import { useLexicalEditable as L } from "@lexical/react/useLexicalEditable";
 import { $getNodeByKey as N } from "lexical";
 import { useState as z, useEffect as P } from "react";
 import { M as _ } from "./mermaid-renderer-CVnuKs-A.js";
-import { $ as q } from "./markdown-kuU19Oh3.js";
+import { $ as q } from "./markdown-Cli3KGu9.js";
 function O(B) {
   const e = S(28), {
     code: i,
@@ -57,4 +57,4 @@ function O(B) {
 export {
   O as default
 };
-//# sourceMappingURL=MermaidComponent-BTgLnpLA.js.map
+//# sourceMappingURL=MermaidComponent-DSvPk-J8.js.map

package/dist/{MermaidComponent-BTgLnpLA.js.map → MermaidComponent-DSvPk-J8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MermaidComponent-BTgLnpLA.js","sources":["../src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx"],"sourcesContent":["import { Box, Button, Flex, Textarea } from \"@chakra-ui/react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { $getNodeByKey } from \"lexical\";\nimport { useEffect, useState } from \"react\";\nimport { MermaidRenderer } from \"@/components/mermaid-renderer\";\nimport { $isMermaidNode } from \"./MermaidNode\";\n\ninterface MermaidComponentProps {\n  code: string;\n  nodeKey: string;\n}\n\nexport default function MermaidComponent(props: MermaidComponentProps) {\n  const { code, nodeKey } = props;\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftCode, setDraftCode] = useState(code);\n  const [previewCode, setPreviewCode] = useState(code);\n\n  useEffect(() => {\n    setDraftCode(code);\n    setPreviewCode(code);\n  }, [code]);\n\n  const commitCodeChanges = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isMermaidNode(node)) {\n        node.setCode(draftCode);\n      }\n    });\n\n    setPreviewCode(draftCode);\n    setIsEditing(false);\n  };\n\n  const cancelEditing = () => {\n    setDraftCode(previewCode);\n    setIsEditing(false);\n  };\n\n  if (!isEditing) {\n    return (\n      <MermaidRenderer\n        key={previewCode}\n        code={previewCode}\n        isEditable={isEditable}\n        onRequestEdit={isEditable ? () => setIsEditing(true) : undefined}\n      />\n    );\n  }\n\n  return (\n    <Box borderWidth=\"1px\" borderColor=\"border.subtle\" borderRadius=\"md\" overflow=\"hidden\" width=\"100%\">\n      <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap=\"xs\" paddingX=\"sm\" paddingY=\"xs\" bg=\"bg.muted\">\n        <Button size=\"xs\" variant=\"subtle\" onClick={cancelEditing}>\n          Cancel\n        </Button>\n        <Button size=\"xs\" onClick={commitCodeChanges}>\n          Preview\n        </Button>\n      </Flex>\n      <Box padding=\"sm\" bg=\"bg.muted\">\n        <Textarea\n          value={draftCode}\n          onChange={(event) => setDraftCode(event.target.value)}\n          minHeight=\"180px\"\n          resize=\"vertical\"\n          fontFamily=\"mono\"\n          fontSize=\"sm\"\n          spellCheck={false}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"names":["MermaidComponent","props","$","_c","code","nodeKey","editor","useLexicalComposerContext","isEditable","useLexicalEditable","isEditing","setIsEditing","useState","draftCode","setDraftCode","previewCode","setPreviewCode","t0","t1","useEffect","t2","update","node","$getNodeByKey","$isMermaidNode","setCode","commitCodeChanges","t3","cancelEditing","t4","undefined","t5","MermaidRenderer","Button","t6","jsxs","Flex","t7","Symbol","for","event","target","value","t8","jsx","Box","Textarea","t9"],"mappings":"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"}
+{"version":3,"file":"MermaidComponent-DSvPk-J8.js","sources":["../src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx"],"sourcesContent":["import { Box, Button, Flex, Textarea } from \"@chakra-ui/react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { $getNodeByKey } from \"lexical\";\nimport { useEffect, useState } from \"react\";\nimport { MermaidRenderer } from \"@/components/mermaid-renderer\";\nimport { $isMermaidNode } from \"./MermaidNode\";\n\ninterface MermaidComponentProps {\n  code: string;\n  nodeKey: string;\n}\n\nexport default function MermaidComponent(props: MermaidComponentProps) {\n  const { code, nodeKey } = props;\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftCode, setDraftCode] = useState(code);\n  const [previewCode, setPreviewCode] = useState(code);\n\n  useEffect(() => {\n    setDraftCode(code);\n    setPreviewCode(code);\n  }, [code]);\n\n  const commitCodeChanges = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isMermaidNode(node)) {\n        node.setCode(draftCode);\n      }\n    });\n\n    setPreviewCode(draftCode);\n    setIsEditing(false);\n  };\n\n  const cancelEditing = () => {\n    setDraftCode(previewCode);\n    setIsEditing(false);\n  };\n\n  if (!isEditing) {\n    return (\n      <MermaidRenderer\n        key={previewCode}\n        code={previewCode}\n        isEditable={isEditable}\n        onRequestEdit={isEditable ? () => setIsEditing(true) : undefined}\n      />\n    );\n  }\n\n  return (\n    <Box borderWidth=\"1px\" borderColor=\"border.subtle\" borderRadius=\"md\" overflow=\"hidden\" width=\"100%\">\n      <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap=\"xs\" paddingX=\"sm\" paddingY=\"xs\" bg=\"bg.muted\">\n        <Button size=\"xs\" variant=\"subtle\" onClick={cancelEditing}>\n          Cancel\n        </Button>\n        <Button size=\"xs\" onClick={commitCodeChanges}>\n          Preview\n        </Button>\n      </Flex>\n      <Box padding=\"sm\" bg=\"bg.muted\">\n        <Textarea\n          value={draftCode}\n          onChange={(event) => setDraftCode(event.target.value)}\n          minHeight=\"180px\"\n          resize=\"vertical\"\n          fontFamily=\"mono\"\n          fontSize=\"sm\"\n          spellCheck={false}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"names":["MermaidComponent","props","$","_c","code","nodeKey","editor","useLexicalComposerContext","isEditable","useLexicalEditable","isEditing","setIsEditing","useState","draftCode","setDraftCode","previewCode","setPreviewCode","t0","t1","useEffect","t2","update","node","$getNodeByKey","$isMermaidNode","setCode","commitCodeChanges","t3","cancelEditing","t4","undefined","t5","MermaidRenderer","Button","t6","jsxs","Flex","t7","Symbol","for","event","target","value","t8","jsx","Box","Textarea","t9"],"mappings":"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"}