@pickaxeproject/react 3.2.0 → 3.3.0

package/dist/cjs/src/components/Core/Tooltip.d.ts

@@ -1,16 +0,0 @@
-import type { SVGIcon } from "../../types/common";
-import type { ReactNode } from "react";
-import type { PlacesType } from "react-tooltip";
-interface TooltipProps {
-    id: string;
-    label?: string | ReactNode;
-    icon?: SVGIcon;
-    className?: string;
-    contentClassName?: string;
-    size?: number;
-    width?: string;
-    border?: string;
-    align?: PlacesType;
-}
-declare const Tooltip: ({ id, label, icon: Icon, className, contentClassName, size, width, border, align, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export default Tooltip;

package/dist/esm/components/Core/Drawer.js

@@ -1 +0,0 @@
-import{__rest as a}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{Drawer as e}from"vaul";import d from"../../common/cn.js";function o(r){var d=a(r,[]);return t(e.Root,Object.assign({"data-slot":"drawer"},d))}function i(r){var d=a(r,[]);return t(e.Portal,Object.assign({"data-slot":"drawer-portal"},d))}function n(r){var{className:o}=r,i=a(r,["className"]);return t(e.Overlay,Object.assign({"data-slot":"drawer-overlay",className:d("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/20",o)},i))}function l(o){var{className:l,children:s}=o,c=a(o,["className","children"]);return r(i,Object.assign({"data-slot":"drawer-portal"},{children:[t(n,{}),r(e.Content,Object.assign({"data-slot":"drawer-content",className:d("group/drawer-content fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-[50%]","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-[50%]","outline-none",l)},c,{children:[t("div",{className:"mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),s]}))]}))}function s(r){var{className:o}=r,i=a(r,["className"]);return t(e.Title,Object.assign({"data-slot":"drawer-title",className:d("text-foreground font-semibold",o)},i))}export{o as Drawer,l as DrawerContent,n as DrawerOverlay,i as DrawerPortal,s as DrawerTitle};

package/dist/esm/components/Icons/copy-new.svg.js

@@ -1 +0,0 @@
-import*as r from"react";var e;function t(){return t=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(null,arguments)}var n=n=>r.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),e||(e=r.createElement("path",{fill:"currentColor",d:"M5 15.333h8c.733 0 1.333-.6 1.333-1.333V4.667H13V14H5zm-2-2.666h7.333c.733 0 1.333-.6 1.333-1.334V2c0-.733-.6-1.333-1.333-1.333H3c-.734 0-1.334.6-1.334 1.333v9.333c0 .734.6 1.334 1.334 1.334M3 2h7.333v9.333H3z"})));export{n as default};

package/dist/esm/components/Pickaxe/Addons/Artifact/Renderer.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as l,useMemo as a,useEffect as r}from"react";import{useArtifactContext as i}from"./hooks/useArtifactContext.js";import{usePickaxeContext as c}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useScroll as s}from"../Scroll/hooks/useScroll.js";import{usePDF as d,Margin as p}from"react-to-pdf";import{PickaxeMarkdown as m}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as x}from"../../common/PickaxeMarkdown/Renderer.js";import{Prism as u}from"react-syntax-highlighter";import g from"../Scroll/ScrollLockView.js";import y from"../../../Icons/x.svg.js";import f from"../../../Icons/eye.svg.js";import v from"../../../Icons/code.svg.js";import b from"../../../Core/ScrollArea.js";import h from"../../../Core/Menu/index.js";import C from"../../../Core/Menu/Button.js";import w from"../../../Core/Menu/List.js";import k from"../../common/PickaxeSimpleButton.js";import j from"./MermaidRenderer.js";import F from"csv-to-markdown-table";import O from"../../../../common/cn.js";const T="development"===process.env.NODE_ENV?"http://localhost:3007":"https://user-content.pickaxe.co",S=[{id:"render",icon:f,hideIn:["application/vnd.pxe.code"]},{id:"code",icon:v}],D=({className:f,style:v,styling:D})=>{var A,N,E;const{artifacts:M,currentArtifact:B,setCurrentArtifact:L}=i(),{styles:$,colors:z,translations:R}=c(),{toPDF:H,targetRef:W}=d({filename:`${(null==B?void 0:B.id)||"Untitled"}.pdf`,page:{margin:p.MEDIUM,orientation:"portrait"}}),[I,P]=n(!1),[U,V]=n("code"),_=l(null),G=l(null),{scrollContainerRef:X,scrollStartSession:q,scrollToBottom:J,scrollEndSession:K}=s({auto:"code"===U}),Q=null!==(A=null==D?void 0:D.styles)&&void 0!==A?A:$,Y=null!==(N=null==D?void 0:D.colors)&&void 0!==N?N:z,Z=a((()=>{var e;return B&&null!==(e=M.find((e=>e.id===B.id&&e.version===B.version)))&&void 0!==e?e:null}),[B,M]),ee=a((()=>Z&&"text/csv"===Z.type?F(Z.content,",",!0):null),[Z]),oe=a((()=>(Y.secondaryText||"").toLowerCase().startsWith("#ffffff")),[null==Y?void 0:Y.secondaryText]);r((()=>{if("application/vnd.pxe.code"===(null==Z?void 0:Z.type)&&V("code"),"finished"!==(null==Z?void 0:Z.status))return V("code"),q(),void J();K(),"application/vnd.pxe.code"!==Z.type&&V("render")}),[null==Z?void 0:Z.status,null==Z?void 0:Z.type]),r((()=>{var e;!G.current||"text/html"!==(null==Z?void 0:Z.type)&&"application/vnd.pxe.react"!==(null==Z?void 0:Z.type)||null===(e=G.current.contentWindow)||void 0===e||e.postMessage({type:"text/html"===Z.type?"HTML_CODE":"REACT_CODE",content:Z.content},T)}),[null==Z?void 0:Z.content,null==Z?void 0:Z.type]);const te=e=>{if(!Z)return;let o={mimeType:"text/plain",extension:".txt"};switch(e){case"text/markdown":o={mimeType:"text/markdown",extension:".md"};break;case"text/html":o={mimeType:"text/html",extension:".html"};break;case"text/csv":o={mimeType:"text/csv",extension:".csv"};break;case"image/svg+xml":case"application/vnd.pxe.mermaid":o={mimeType:"image/svg+xml",extension:".svg"};break;case"application/vnd.pxe.code":o={mimeType:`application/${Z.programmingLanguage||"text"};charset=utf-8`,extension:`.${Z.programmingLanguage||"txt"}`};break;case"application/vnd.pxe.react":o={mimeType:"text/typescript",extension:".tsx"};break;default:o={mimeType:"text/plain",extension:".txt"}}let t=null;if("application/vnd.pxe.mermaid"===Z.type&&_.current){const e=_.current.querySelector("svg");e&&(t=(new XMLSerializer).serializeToString(e))}const n=new Blob([null!=t?t:Z.content],{type:o.mimeType}),l=URL.createObjectURL(n);try{const e=document.createElement("a");e.href=l,e.download=`${Z.title}${o.extension}`,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e)}finally{URL.revokeObjectURL(l)}};return Z?e("div",Object.assign({className:O("flex flex-col",f),style:Object.assign({backgroundColor:Y.secondary,color:Y.secondaryText},v)},{children:[e("div",Object.assign({className:"flex items-center gap-6 justify-between p-4 shadow-sm"},{children:[e("div",Object.assign({className:"flex items-center gap-4"},{children:[o("div",Object.assign({className:"flex p-0.5 rounded-md",style:{backgroundColor:Y.primary,color:Y.text+"90"}},{children:S.map(((e,t)=>{var n;return(null===(n=e.hideIn)||void 0===n?void 0:n.includes(Z.type))?null:o("button",Object.assign({className:"rounded-md p-1 px-1.5 transition-colors duration-200 ease-in-out"},U===e.id&&{style:{backgroundColor:Y.secondary,color:Y.secondaryText}},{onClick:()=>V(e.id)},{children:o(e.icon,{className:"w-5 h-5 shrink-0"})}),t)}))})),o("p",Object.assign({className:"font-semibold truncate text-sm"},{children:Z.title}))]})),e("div",Object.assign({className:"flex items-center gap-3"},{children:[e(h,Object.assign({id:`copy-artifact-${Z.id}`,isOpen:I,onChange:P},{children:[o(C,Object.assign({variant:"anchor",className:"rounded-md border px-3 py-1.5 text-sm font-semibold select-none",style:{borderColor:Y.primary,color:Y.text+(I?"":"90")}},{children:(null==R?void 0:R.copy)||"Copy"})),o(w,Object.assign({width:"auto",className:"font-semibold p-1",style:{backgroundColor:Y.secondary,color:Y.secondaryText},border:`1px solid ${Y.primary}`},{children:"text/markdown"===Z.type?e(t,{children:[e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("text/markdown")},{children:[(null==R?void 0:R["download-as"])||"Download as"," Markdown"]})),o("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>{Z&&H()}},{children:"Save as PDF"}))]}):"text/html"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("text/html")},{children:[(null==R?void 0:R["download-as"])||"Download as"," HTML"]})):"text/csv"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("text/csv")},{children:[(null==R?void 0:R["download-as"])||"Download as"," CSV"]})):"image/svg+xml"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("image/svg+xml")},{children:[(null==R?void 0:R["download-as"])||"Download as"," SVG"]})):"application/vnd.pxe.code"===Z.type?o("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("application/vnd.pxe.code")},{children:`${(null==R?void 0:R["download-as"])||"Download as"} ${Z.programmingLanguage||"Plain Text"}`})):"application/vnd.pxe.mermaid"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("application/vnd.pxe.mermaid")},{children:[(null==R?void 0:R["download-as"])||"Download as"," SVG"]})):"application/vnd.pxe.react"===Z.type?e("button",Object.assign({className:"px-2 py-1 text-left",onClick:()=>te("application/vnd.pxe.react")},{children:[(null==R?void 0:R["download-as"])||"Download as"," TSX"]})):null}))]})),o(k,Object.assign({onClick:()=>L(null)},{children:o(y,{className:"w-6 h-6 shrink-0"})}))]}))]})),o("div",Object.assign({className:"flex flex-col flex-grow @container/pickaxe-artifact"},{children:e(b,Object.assign({ref:X,innerClassName:"flex-grow w-full"},{children:["render"===U&&"application/vnd.pxe.code"!==Z.type?o("div",Object.assign({ref:W,className:O("p-4 pb-6 flex-grow flex flex-col","application/vnd.pxe.react"===Z.type&&"p-0","text/html"===Z.type&&"p-0","text/csv"===Z.type&&"p-0")},{children:"text/markdown"===Z.type||"text/csv"===Z.type||"image/svg+xml"===Z.type?o(m,Object.assign({theme:Q.theme,colors:Y},{children:o(x,{value:null!=ee?ee:Z.content,className:O("px-6 @[767px]/pickaxe-artifact:px-11 mx-auto w-full","text/csv"===Z.type&&"px-4 @[767px]/pickaxe-artifact:px-4 mx-0"),style:{flex:1}})})):"application/vnd.pxe.mermaid"===Z.type?o(j,{ref:_,id:`mermaid-${null!==(E=null==B?void 0:B.id)&&void 0!==E?E:"unknown"}`,data:Z.content}):"text/html"===Z.type||"application/vnd.pxe.react"===Z.type?o("iframe",Object.assign({ref:G,title:Z.title,src:`${T}/${"text/html"===Z.type?"html":"react"}?theme=${oe?"dark":"light"}`,style:{width:"100%",flex:1,border:"none",backgroundColor:null==Y?void 0:Y.secondary},allow:"fullscreen; camera; microphone; gyroscope; accelerometer; geolocation; clipboard-write; autoplay",sandbox:"allow-scripts allow-same-origin allow-forms allow-downloads allow-popups-to-escape-sandbox allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-presentation",onLoad:e=>{const o=e.target;setTimeout((()=>{var e;try{null===(e=o.contentWindow)||void 0===e||e.postMessage({type:"text/html"===Z.type?"HTML_CODE":"REACT_CODE",content:Z.content},T)}catch(e){console.error("Error sending message to iframe:",e)}}),100),J()}},{children:"Iframe is not supported, please view this artifact in a browser that supports it."})):null})):o(u,Object.assign({PreTag:"div",language:"text/markdown"===Z.type?"markdown":"text/html"===Z.type||"image/svg+xml"===Z.type?"xml":"application/vnd.pxe.react"===Z.type?"typescript":Z.programmingLanguage,showLineNumbers:!0,customStyle:{margin:0,flex:1},style:Object.assign({'code[class*="language-"]':Object.assign(Object.assign({color:null==Y?void 0:Y.secondaryText},oe&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"}),'pre[class*="language-"]':Object.assign(Object.assign({color:null==Y?void 0:Y.secondaryText},oe&&{textShadow:"0 1px rgba(0, 0, 0, 0.3)"}),{fontFamily:"Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"4",OTabSize:"4",tabSize:"4",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",borderRadius:"0.3em",minWidth:0,background:null==Y?void 0:Y.secondary}),':not(pre) > code[class*="language-"]':{background:null==Y?void 0:Y.secondary,padding:".1em",borderRadius:".3em"},comment:{color:"#7C7C7C"},prolog:{color:"#7C7C7C"},doctype:{color:"#7C7C7C"},cdata:{color:"#7C7C7C"},punctuation:{color:"#c5c8c6"},".namespace":{opacity:".7"},property:{color:"#96CBFE"},keyword:{color:"#96CBFE"},tag:{color:"#96CBFE"},"class-name":{color:"#FFFFB6"},boolean:{color:"#99CC99"},constant:{color:"#99CC99"},symbol:{color:"#f92672"},deleted:{color:"#f92672"},number:{color:"#FF73FD"},selector:{color:"#A8FF60"},"attr-name":{color:"#A8FF60"},string:{color:"#A8FF60"},char:{color:"#A8FF60"},builtin:{color:"#A8FF60"},inserted:{color:"#A8FF60"},variable:{color:"#C6C5FE"},operator:{color:"#EDEDED"},entity:{color:"#FFFFB6",cursor:"help"},url:{color:"#96CBFE"},".language-css .token.string":{color:"#87C38A"},".style .token.string":{color:"#87C38A"},atrule:{color:"#F9EE98"},"attr-value":{color:"#F9EE98"},function:{color:"#DAD085"},regex:{color:"#E9C062"},important:{color:null==Y?void 0:Y.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}},!oe&&{comment:{color:"#7D8B99"},prolog:{color:"#7D8B99"},doctype:{color:"#7D8B99"},cdata:{color:"#7D8B99"},punctuation:{color:"#4D4D4C"},property:{color:"#4078F2"},keyword:{color:"#8959A8"},tag:{color:"#8959A8"},"class-name":{color:"#D75F00"},boolean:{color:"#0086B3"},constant:{color:"#0086B3"},symbol:{color:"#990055"},deleted:{color:"#990000"},number:{color:"#005CC5"},selector:{color:"#63A35C"},"attr-name":{color:"#63A35C"},string:{color:"#50A14F"},char:{color:"#50A14F"},builtin:{color:"#50A14F"},inserted:{color:"#50A14F"},variable:{color:"#A626A4"},operator:{color:"#4D4D4C"},entity:{color:"#E45649",cursor:"help"},url:{color:"#4078F2"},".language-css .token.string":{color:"#50A14F"},".style .token.string":{color:"#50A14F"},atrule:{color:"#C18401"},"attr-value":{color:"#986801"},function:{color:"#005CC5"},regex:{color:"#D16969"},important:{color:null==Y?void 0:Y.secondaryText,fontWeight:"bold"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"}})},{children:Z.content})),o(g,{})]}))}))]})):null};export{D as default};

package/dist/esm/src/components/Core/Drawer.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-declare function Drawer({ ...props }: ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ ...props }: ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ className, children, ...props }: ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerContent, DrawerTitle };

package/dist/esm/src/components/Core/Tooltip.d.ts

@@ -1,16 +0,0 @@
-import type { SVGIcon } from "../../types/common";
-import type { ReactNode } from "react";
-import type { PlacesType } from "react-tooltip";
-interface TooltipProps {
-    id: string;
-    label?: string | ReactNode;
-    icon?: SVGIcon;
-    className?: string;
-    contentClassName?: string;
-    size?: number;
-    width?: string;
-    border?: string;
-    align?: PlacesType;
-}
-declare const Tooltip: ({ id, label, icon: Icon, className, contentClassName, size, width, border, align, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export default Tooltip;