@wavy/react-pdf 0.0.5 → 0.0.6

package/dist/main.d.ts

@@ -1,9 +1,9 @@
+import { ViewProps, DocumentProps, Styles } from '@react-pdf/renderer';
+export { BlobProvider, Image, ImageProps, PDFViewer, PDFViewerProps, Page, PageProps, Text, TextProps, View, ViewProps, pdf, usePDF } from '@react-pdf/renderer';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComputedStyleProps } from '@wavy/react-ui';
 import { SafeOmit } from '@wavy/types';
-import { JSX } from 'react';
-import { DocumentProps } from '@react-pdf/renderer';
-export { BlobProvider, Image, ImageProps, PDFViewer, PDFViewerProps, Page, PageProps, Text, TextProps, View, ViewProps, pdf, usePDF } from '@react-pdf/renderer';
+import { JSX, PropsWithChildren } from 'react';
 
 type PDFStyle = ViewProps["style"] extends object[]
   ? never
@@ -49,4 +49,144 @@ interface PDFDocumentProps extends DocumentProps {
 }
 declare function PDFDocument(props: PDFDocumentProps): react_jsx_runtime.JSX.Element;
 
-export { Div, type DivProps, Img, type ImgProps, PDFDocument, type PDFDocumentProps, type PDFStyle, Span, usePDFDocument };
+type Column<T extends string = string> = {
+    name: T;
+    /**@default 1 */
+    opacity?: number;
+    width?: string;
+    textAlign?: "left" | "center" | "right";
+    /**@default "-" */
+    placeholder?: string;
+};
+declare function Root<T extends string>(props: TableViewProps.RootProps<T>): react_jsx_runtime.JSX.Element;
+declare function Header(props: TableViewProps.HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Body(props: TableViewProps.BodyProps): react_jsx_runtime.JSX.Element;
+declare const TableView: {
+    Root: typeof Root;
+    Header: typeof Header;
+    Body: typeof Body;
+};
+declare namespace TableViewProps {
+    interface RootProps<T extends string> {
+        columns: (T | Column<T>)[];
+        /**@default ".25rem" */
+        gap?: string;
+        rowGap?: string;
+        /**@default "100%" */
+        width?: string;
+        columnGap?: string;
+        padding?: string;
+        entries: Record<T, string>[];
+        children: JSX.Element | [JSX.Element, JSX.Element];
+    }
+    interface HeaderProps {
+        /**@default ".55rem" */
+        fontSize?: string;
+        padding?: string;
+        /**@default ".25rem" */
+        borderRadius?: string;
+    }
+    interface BodyProps {
+        /**@default ".5rem" */
+        fontSize?: string;
+        padding?: string;
+        rowGap?: string;
+        styleRow?: (rowIndex: number, entries: Record<string, string>[]) => null | undefined | PDFStyle;
+        styleCell?: (cell: {
+            cellIndex: number;
+            rowIndex: number;
+            columnName: string;
+            siblingData: {
+                previous?: string | null | undefined;
+                next?: string | null | undefined;
+            };
+            data: string | null;
+        }) => null | undefined | void | PDFStyle;
+    }
+}
+
+type PDFBuilderStyle = Styles[""];
+interface BasePDFBuilderStyleOptions {
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    height?: string | number;
+    width?: string | number;
+    backgroundColor?: string;
+    padding?: string | number;
+    color?: string;
+    fontWeight?: PDFBuilderStyle["fontWeight"];
+    fontSize?: string | number;
+    gap?: string | number;
+    opacity?: number;
+    halfFade?: boolean;
+    flex?: string;
+    corners?: string | number;
+    quarterFade?: boolean;
+}
+
+interface BasicTextStylesOptions extends BasePDFBuilderStyleOptions {
+    underline?: boolean;
+    lineThrough?: boolean;
+    bold?: boolean;
+    upperFirst?: boolean;
+    uppercase?: boolean;
+    lowercase?: boolean;
+    caps?: boolean;
+}
+
+interface BasicTextProps extends BasicTextStylesOptions {
+    text?: string;
+    style?: PDFBuilderStyle;
+}
+declare function BasicText(props: PropsWithChildren<BasicTextProps>): react_jsx_runtime.JSX.Element;
+
+interface BasicViewStylesOptions extends BasePDFBuilderStyleOptions {
+    row?: boolean;
+    stretch?: boolean;
+    alignCenter?: boolean;
+    alignEnd?: boolean;
+    justifySpaceBetween?: boolean;
+    justifySpaceEvenly?: boolean;
+    justifyCenter?: boolean;
+    justifyEnd?: boolean;
+}
+
+interface BasicViewProps extends BasicViewStylesOptions {
+    style?: PDFBuilderStyle | PDFBuilderStyle[];
+}
+declare function BasicView(props: PropsWithChildren<BasicViewProps>): react_jsx_runtime.JSX.Element;
+
+interface BasicImageStylesOptions {
+    circle?: boolean;
+    corners?: string;
+    size?: string | number;
+    padding?: string | number;
+    backgroundColor?: string;
+    objectFit?: PDFBuilderStyle["objectFit"];
+}
+
+interface BasicImageProps extends BasicImageStylesOptions {
+    src: string;
+    style?: PDFBuilderStyle;
+}
+declare function BasicImage(props: BasicImageProps): react_jsx_runtime.JSX.Element;
+
+interface BasicPDFListItemProps extends BasicViewStylesOptions {
+    primary: string;
+    secondary?: string;
+    primaryFontSize?: string | number;
+    secondaryFontSize?: string | number;
+    slotProps?: {
+        primary?: {
+            quickStyle?: BasicTextStylesOptions;
+            style?: PDFBuilderStyle;
+        };
+        secondary?: {
+            quickStyle?: BasicTextStylesOptions;
+            style?: PDFBuilderStyle;
+        };
+    };
+}
+declare function BasicPDFListItem(props: BasicPDFListItemProps): react_jsx_runtime.JSX.Element;
+
+export { BasicImage, type BasicImageProps, BasicPDFListItem, type BasicPDFListItemProps, BasicText, type BasicTextProps, BasicView, type BasicViewProps, Div, type DivProps, Img, type ImgProps, PDFDocument, type PDFDocumentProps, type PDFStyle, Span, TableView, TableViewProps, usePDFDocument };

package/dist/main.js

@@ -1 +1 @@
-import {createContext,useContext}from'react';import {View,Text,Image,Document}from'@react-pdf/renderer';export{BlobProvider,Image,PDFViewer,Page,Text,View,pdf,usePDF}from'@react-pdf/renderer';import {useComputedStyle,restrictLineCount,nativeEllipsis,ellipsis}from'@wavy/react-ui';import {jsx,Fragment}from'react/jsx-runtime';import'@wavy/fn';var o=createContext({asPdf:false});function G(){return {renderedAsPdf:useContext(o).asPdf}}function j(e){let{style:n}=useComputedStyle("div",e,{inject:()=>({display:e.style?.display||e.display||"flex",flexDirection:e.style?.flexDirection||(e.row?"row":"column")})}),{asPdf:r}=useContext(o);return r?jsx(View,{style:n,children:e.children}):jsx("div",{style:n,children:e.children})}function M(e){let n=e.text||e.children,{style:r}=useComputedStyle("span",{...e,children:n},{inject:()=>({textDecoration:e.style?.textDecoration||[e.underline?"underline":"",e.strikeThrough?"line-through":""].join(" "),fontStyle:e.style?.fontStyle||e.italic?"italic":void 0,...e.ellipsis==="native"?nativeEllipsis():e.ellipsis?ellipsis():{},...e.lineLimit?restrictLineCount(e.lineLimit):{}})}),{asPdf:c}=useContext(o);return c?jsx(Text,{style:r,children:n}):jsx("span",{style:r,children:n})}function oe(e){let{asPdf:n}=useContext(o),{style:r}=useComputedStyle("img",e);return n?jsx(Image,{style:r,src:e.src}):jsx("img",{style:r,src:e.src})}function ce(e){let n=e.asPdf??false;return jsx(o.Provider,{value:{asPdf:n},children:n?jsx(Document,{...e}):jsx(Fragment,{children:e.children})})}createContext(null);export{j as Div,oe as Img,ce as PDFDocument,M as Span,G as usePDFDocument};
+import {createContext,useContext}from'react';import {View,Text,Image,Document}from'@react-pdf/renderer';export{BlobProvider,Image,PDFViewer,Page,Text,View,pdf,usePDF}from'@react-pdf/renderer';import {useComputedStyle,restrictLineCount,nativeEllipsis,ellipsis,remAsPx,resolveBasicColor}from'@wavy/react-ui';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {camelCaseToLetter}from'@wavy/fn';var c=createContext({asPdf:false});function we(){return {renderedAsPdf:useContext(c).asPdf}}function Ee(e){let{style:t}=useComputedStyle("div",e,{inject:()=>({display:e.style?.display||e.display||"flex",flexDirection:e.style?.flexDirection||(e.row?"row":"column")})}),{asPdf:i}=useContext(c);return i?jsx(View,{style:t,children:e.children}):jsx("div",{style:t,children:e.children})}function We(e){let t=e.text||e.children,{style:i}=useComputedStyle("span",{...e,children:t},{inject:()=>({textDecoration:e.style?.textDecoration||[e.underline?"underline":"",e.strikeThrough?"line-through":""].join(" "),fontStyle:e.style?.fontStyle||e.italic?"italic":void 0,...e.ellipsis==="native"?nativeEllipsis():e.ellipsis?ellipsis():{},...e.lineLimit?restrictLineCount(e.lineLimit):{}})}),{asPdf:o}=useContext(c);return o?jsx(Text,{style:i,children:t}):jsx("span",{style:i,children:t})}function Ue(e){let{asPdf:t}=useContext(c),{style:i}=useComputedStyle("img",e);return t?jsx(Image,{style:i,src:e.src}):jsx("img",{style:i,src:e.src})}function $e(e){let t=e.asPdf??false;return jsx(c.Provider,{value:{asPdf:t},children:t?jsx(Document,{...e}):jsx(Fragment,{children:e.children})})}var g=createContext(null);function ne(e){let t=()=>e.columns.map(o=>{let n=typeof o=="object"?o:{},r={textAlign:"left",width:"100%"};return typeof o=="string"?n={name:o,...r}:["textAlign","width"].forEach(a=>{a in n&&n[a]||(n[a]=r[a]);}),n}),i=e.gap??".25rem";return jsx(g.Provider,{value:{entries:e.entries,columns:t(),rowGap:e.rowGap??i,columnGap:e.columnGap??i,padding:remAsPx(.25)},children:jsx(View,{style:{width:e.width||"100%",padding:e.padding},children:e.children})})}function oe(e){let t=useContext(g);return jsx(View,{style:{width:"100%",flexDirection:"row",color:resolveBasicColor("onPaper[0.5]"),backgroundColor:resolveBasicColor("onPaper[0.1]"),fontSize:e.fontSize||".55rem",borderRadius:e.borderRadius??".25rem",padding:t.padding??e.padding,columnGap:t.columnGap},children:t.columns.map(i=>jsx(Text,{style:{width:i.width,textAlign:i.textAlign,overflow:"hidden"},children:camelCaseToLetter(i.name)},i.name))})}function re(e){let t=useContext(g);return jsx(View,{style:{width:"100%",padding:e.padding||t.padding,rowGap:e.rowGap??t.rowGap},children:t.entries.map((i,o)=>jsx(View,{style:{flexDirection:"row",fontSize:e.fontSize||".5rem",...e.styleRow?.(o,t.entries)||{},alignItems:"center",width:"100%",overflow:"hidden",columnGap:t.columnGap},children:t.columns.map((n,r)=>jsx(Text,{style:{textAlign:n.textAlign,opacity:n.opacity??1,...e.styleCell?.({cellIndex:t.columns.length*o+r,rowIndex:o,columnName:n.name,siblingData:{previous:i?.[t.columns[r-1]?.name||""]||null,next:i?.[t.columns[r+1]?.name||""]||null},data:i?.[n.name]})||{},width:n.width},children:i?.[n.name]||n.placeholder||"-"},n.name+r))}))})}var lt={Root:ne,Header:oe,Body:re};var p=e=>{let{fullWidth:t,fullHeight:i,height:o,width:n,backgroundColor:r,color:a,fontWeight:m,fontSize:y,gap:I,halfFade:v,quarterFade:L,opacity:z,flex:G,corners:R,padding:A}=e,S="auto";return {width:t?"100%":n||S,height:i?"100%":o||S,backgroundColor:r,color:a,fontWeight:m,fontSize:y,gap:I,flex:G,padding:A,borderRadius:R,opacity:v?.5:L?.25:z}};var se=e=>{let{underline:t,lineThrough:i,upperFirst:o,uppercase:n,lowercase:r,caps:a,bold:m}=e;return {...p(e),fontWeight:m&&"bold",textDecoration:t&&i?"underline line-through":t?"underline":i?"line-through":"none",textTransform:o?"upperfirst":n?"uppercase":r?"lowercase":a?"capitalize":"none"}},F=se;var ae=F;function P(e){let t=()=>e.text||e.children;return jsx(Text,{style:[ae({...e}),e.style],children:jsx(t,{})})}var ce=e=>{let{row:t,stretch:i,alignCenter:o,alignEnd:n,justifyCenter:r,justifySpaceBetween:a,justifySpaceEvenly:m,justifyEnd:y}=e;return {...p(e),flexDirection:t?"row":"column",alignItems:i?"stretch":o?"center":n?"flex-end":"flex-start",justifyContent:r?"center":y?"flex-end":a?"space-between":m?"space-evenly":"flex-start"}},T=ce;var me=T;function O(e){let t=Array.isArray(e.style)?e.style:[e.style];return jsx(View,{style:[me({...e}),...t],children:e.children})}var pe=e=>{let{size:t,padding:i,backgroundColor:o,objectFit:n,circle:r,corners:a}=e;return {height:t,width:t,borderRadius:r?t:a,padding:i||(r?1:0),backgroundColor:o,objectFit:n}},V=pe;var fe=V;function jt(e){return jsx(Image,{src:{uri:e.src,method:"GET",headers:{"Cache-Control":"no-cache"}},style:[fe(e),e.style]})}function Ut(e){return jsxs(O,{...e,children:[jsx(P,{...e.slotProps?.primary?.quickStyle,fontSize:e.primaryFontSize,text:e.primary,style:e.slotProps?.primary?.style}),e.secondary&&jsx(P,{...e.slotProps?.secondary?.quickStyle,halfFade:true,fontSize:e.secondaryFontSize||12,text:e.secondary,style:e.slotProps?.secondary?.style})]})}export{jt as BasicImage,Ut as BasicPDFListItem,P as BasicText,O as BasicView,Ee as Div,Ue as Img,$e as PDFDocument,We as Span,lt as TableView,we as usePDFDocument};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavy/react-pdf",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "",
   "main": "dist/main.js",
   "scripts": {