react-ink-scripter 0.0.11 → 0.0.12

package/dist/cjs/index.js

@@ -71,13 +71,13 @@ var Container = function Container(_ref) {
     children: content.map(function (item, idx) {
       switch (item.type) {
         case "pair":
-          return jsxRuntime.jsx(Pair, _extends({
-            className: "inks-grid-item"
-          }, item), idx);
+          return jsxRuntime.jsx(Pair, _extends({}, item, {
+            className: clsx("inks-grid-item", item.className)
+          }), idx);
         case "text":
-          return jsxRuntime.jsx(Text, _extends({
-            className: "inks-grid-item"
-          }, item), idx);
+          return jsxRuntime.jsx(Text, _extends({}, item, {
+            className: clsx("inks-grid-item", item.className)
+          }), idx);
       }
     })
   });

package/dist/esm/InkScripter.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
-import { ClassValue } from "clsx";
 export type ContentTextItem = {
     id?: string;
+    className?: string;
     type: "text";
     value: string;
     span?: number;
 };
 export type ContentPairItem = {
     id?: string;
+    className?: string;
     type: "pair";
     label: string;
     value: string;
@@ -20,6 +21,7 @@ export type ContentGridItem = {
 };
 export type ContentTableCellItem = {
     id?: string;
+    className?: string;
     header?: boolean;
     rowSpan?: number;
     colSpan?: number;
@@ -38,8 +40,5 @@ export type ReactInkScripterProps = {
     value?: ContentType;
     className?: string;
 };
-export type TypeWithClassName<T> = T & {
-    className?: ClassValue;
-};
 export declare const InkScripter: (props: ReactInkScripterProps) => JSX.Element;
 export default InkScripter;

package/dist/esm/index.js

@@ -46,9 +46,9 @@ const Container = ({ id, content = [], className, }) => {
     return (jsx("div", { id: id, className: clsx("inks-grid", className), children: content.map((item, idx) => {
             switch (item.type) {
                 case "pair":
-                    return jsx(Pair, { className: "inks-grid-item", ...item }, idx);
+                    return (jsx(Pair, { ...item, className: clsx("inks-grid-item", item.className) }, idx));
                 case "text":
-                    return jsx(Text, { className: "inks-grid-item", ...item }, idx);
+                    return (jsx(Text, { ...item, className: clsx("inks-grid-item", item.className) }, idx));
             }
         }) }));
 };
@@ -99,10 +99,10 @@ const Table = (props) => {
     }
     return (jsxs("table", { id: id, className: "inks-table", children: [jsx(TableHead, { rows: head }), jsx(TableBody, { rows: body }), jsx(TableFoot, { rows: foot })] }));
 };
-const Text = ({ id, value, span, className, }) => {
+const Text = ({ id, value, span, className }) => {
     return (jsx("div", { id: id, className: clsx("inks-text", span && "inks-grid", span && `inks-span-${span}`, className), children: value }));
 };
-const Pair = ({ id, value, label, span, className, }) => {
+const Pair = ({ id, value, label, span, className }) => {
     return (jsxs("div", { id: id, className: clsx("inks-pair", span && "inks-grid", span && `inks-span-${span}`, className), children: [jsxs("label", { className: "inks-pair-label", children: [label, ":"] }), jsx("div", { className: "inks-pair-value", children: value })] }));
 };
 const InkScripter = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ink-scripter",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "a react component for generate page to print",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",