react-ink-scripter 0.0.26 → 0.0.27

package/dist/InkScripter.css

@@ -22,7 +22,7 @@
   padding: 0;
 }
 
-.inks-line {
+.inks-compose {
   display: flex;
   flex-direction: row;
   column-gap: 3em;

package/dist/cjs/index.js

@@ -187,8 +187,8 @@ var Container = function Container(_ref) {
           return jsxRuntime.jsx(Text, _extends({}, item, {
             className: clsx(itemClass, item.className)
           }), idx);
-        case 'line':
-          return jsxRuntime.jsx(Line, _extends({}, item, {
+        case 'compose':
+          return jsxRuntime.jsx(Compose, _extends({}, item, {
             className: clsx(itemClass, item.className)
           }), idx);
       }
@@ -201,14 +201,14 @@ var Grid = function Grid(props) {
     itemClass: "inks-grid-item"
   }, props));
 };
-var Line = function Line(_ref2) {
+var Compose = function Compose(_ref2) {
   var id = _ref2.id,
     content = _ref2.content,
     span = _ref2.span,
     className = _ref2.className;
   return jsxRuntime.jsx(Container, {
     id: id,
-    className: clsx('inks-line', span && "inks-span-".concat(span), className),
+    className: clsx('inks-compose', span && "inks-span-".concat(span), className),
     content: content
   });
 };
@@ -365,8 +365,8 @@ var InkScripter = react.forwardRef(function (props, ref) {
           return jsxRuntime.jsx(Text, _extends({}, item), index);
         case 'pair':
           return jsxRuntime.jsx(Pair, _extends({}, item), index);
-        case 'line':
-          return jsxRuntime.jsx(Line, _extends({}, item), index);
+        case 'compose':
+          return jsxRuntime.jsx(Compose, _extends({}, item), index);
       }
     })
   });

package/dist/esm/InkScripter.d.ts

@@ -14,9 +14,9 @@ export type ContentPairItem = {
     value: string;
     span?: number;
 };
-export type ContentLineItem = {
+export type ContentComposeItem = {
     id?: string;
-    type: 'line';
+    type: 'compose';
     span?: number;
     className?: string;
     content: (ContentPairItem | ContentTextItem)[];
@@ -24,7 +24,7 @@ export type ContentLineItem = {
 export type ContentGridItem = {
     id?: string;
     type: 'grid';
-    content: (ContentPairItem | ContentTextItem | ContentLineItem)[];
+    content: (ContentPairItem | ContentTextItem | ContentComposeItem)[];
 };
 export type ContentTableCellItem = {
     id?: string;
@@ -41,7 +41,7 @@ export type ContentTableItem = {
     body?: ContentTableCellItem[][];
     foot?: ContentTableCellItem[][];
 };
-export type ContentItemType = ContentGridItem | ContentTableItem | ContentTextItem | ContentPairItem | ContentLineItem;
+export type ContentItemType = ContentGridItem | ContentTableItem | ContentTextItem | ContentPairItem | ContentComposeItem;
 export type ContentType = ContentItemType[];
 export type InkScripterProps = {
     value?: ContentType;

package/dist/esm/index.js

@@ -125,16 +125,16 @@ const Container = ({ id, content = [], className, itemClass, }) => {
                     return (jsx(Pair, { ...item, className: clsx(itemClass, item.className) }, idx));
                 case 'text':
                     return (jsx(Text, { ...item, className: clsx(itemClass, item.className) }, idx));
-                case 'line':
-                    return (jsx(Line, { ...item, className: clsx(itemClass, item.className) }, idx));
+                case 'compose':
+                    return (jsx(Compose, { ...item, className: clsx(itemClass, item.className) }, idx));
             }
         }) }));
 };
 const Grid = (props) => {
     return jsx(Container, { className: "inks-grid", itemClass: "inks-grid-item", ...props });
 };
-const Line = ({ id, content, span, className }) => {
-    return (jsx(Container, { id: id, className: clsx('inks-line', span && `inks-span-${span}`, className), content: content }));
+const Compose = ({ id, content, span, className }) => {
+    return (jsx(Container, { id: id, className: clsx('inks-compose', span && `inks-span-${span}`, className), content: content }));
 };
 const TableCell = ({ item }) => {
     if (typeof item === 'string') {
@@ -198,8 +198,8 @@ const InkScripter = forwardRef((props, ref) => {
                     return jsx(Text, { ...item }, index);
                 case 'pair':
                     return jsx(Pair, { ...item }, index);
-                case 'line':
-                    return jsx(Line, { ...item }, index);
+                case 'compose':
+                    return jsx(Compose, { ...item }, index);
             }
         }) }));
 });

package/package.json

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