data-feed - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8

dist/index.esm.js

@@ -177,2 +177,3 @@ import React, { useCallback, useState, useEffect } from 'react';
 };
+//# sourceMappingURL=index.js.map
 
@@ -263,2 +264,3 @@ var FeedArrayUtil = {
 };
+//# sourceMappingURL=index.js.map
 
@@ -280,15 +282,18 @@ var FeedAttribute = function (_a) {
 var DataFeedItem = function (_a) {
-    var title = _a.title, titleRight = _a.titleRight, attributes = _a.attributes, actions = _a.actions, attributeWidth = _a.attributeWidth;
+    var title = _a.title, titleRight = _a.titleRight, attributes = _a.attributes, actions = _a.actions, attributeWidth = _a.attributeWidth, right = _a.right, left = _a.left;
     var attributeSet = FeedArrayUtil.toDobleArray(attributes);
     var actionSet = FeedArrayUtil.toArray(actions);
     return (React.createElement("div", { className: "feed-item" },
-        title || titleRight ? (React.createElement("div", { className: "feed-item__top feed-item__child" },
-            React.createElement("div", { className: "feed-item__title" }, title),
-            React.createElement("div", { className: "feed-item__top-right" }, titleRight))) : null,
-        attributeSet.map(function (set, setKey) { return (React.createElement("div", { key: setKey, className: "feed-item__attribute-set feed-item__child--bottom" }, set.map(function (_a, i) {
-            var width = _a.width, attrProps = __rest(_a, ["width"]);
-            return (React.createElement("div", { key: i },
-                React.createElement(FeedAttribute, __assign({ width: width ? width : attributeWidth }, attrProps))));
-        }))); }),
-        actionSet.length > 0 ? (React.createElement("div", { className: "feed-item__action-set feed-item__child" }, actionSet.map(function (action, i) { return (React.createElement("div", { key: i }, action)); }))) : null));
+        left ? React.createElement("div", { className: "feed-item__left" }, left) : null,
+        React.createElement("div", { className: "feed-item__content" },
+            title || titleRight ? (React.createElement("div", { className: "feed-item__top feed-item__child" },
+                React.createElement("div", { className: "feed-item__title" }, title),
+                React.createElement("div", { className: "feed-item__top-right" }, titleRight))) : null,
+            attributeSet.map(function (set, setKey) { return (React.createElement("div", { key: setKey, className: "feed-item__attribute-set feed-item__child--bottom" }, set.map(function (_a, i) {
+                var width = _a.width, attrProps = __rest(_a, ["width"]);
+                return (React.createElement("div", { key: i },
+                    React.createElement(FeedAttribute, __assign({ width: width ? width : attributeWidth }, attrProps))));
+            }))); }),
+            actionSet.length > 0 ? (React.createElement("div", { className: "feed-item__action-set feed-item__child" }, actionSet.map(function (action, i) { return (React.createElement("div", { key: i }, action)); }))) : null),
+        right ? React.createElement("div", { className: "feed-item__right" }, right) : null));
 };
@@ -295,0 +300,0 @@ //# sourceMappingURL=index.js.map

dist/index.js

@@ -184,2 +184,3 @@ 'use strict';
 };
+//# sourceMappingURL=index.js.map
 
@@ -270,2 +271,3 @@ var FeedArrayUtil = {
 };
+//# sourceMappingURL=index.js.map
 
@@ -287,15 +289,18 @@ var FeedAttribute = function (_a) {
 var DataFeedItem = function (_a) {
-    var title = _a.title, titleRight = _a.titleRight, attributes = _a.attributes, actions = _a.actions, attributeWidth = _a.attributeWidth;
+    var title = _a.title, titleRight = _a.titleRight, attributes = _a.attributes, actions = _a.actions, attributeWidth = _a.attributeWidth, right = _a.right, left = _a.left;
     var attributeSet = FeedArrayUtil.toDobleArray(attributes);
     var actionSet = FeedArrayUtil.toArray(actions);
     return (React__default.createElement("div", { className: "feed-item" },
-        title || titleRight ? (React__default.createElement("div", { className: "feed-item__top feed-item__child" },
-            React__default.createElement("div", { className: "feed-item__title" }, title),
-            React__default.createElement("div", { className: "feed-item__top-right" }, titleRight))) : null,
-        attributeSet.map(function (set, setKey) { return (React__default.createElement("div", { key: setKey, className: "feed-item__attribute-set feed-item__child--bottom" }, set.map(function (_a, i) {
-            var width = _a.width, attrProps = __rest(_a, ["width"]);
-            return (React__default.createElement("div", { key: i },
-                React__default.createElement(FeedAttribute, __assign({ width: width ? width : attributeWidth }, attrProps))));
-        }))); }),
-        actionSet.length > 0 ? (React__default.createElement("div", { className: "feed-item__action-set feed-item__child" }, actionSet.map(function (action, i) { return (React__default.createElement("div", { key: i }, action)); }))) : null));
+        left ? React__default.createElement("div", { className: "feed-item__left" }, left) : null,
+        React__default.createElement("div", { className: "feed-item__content" },
+            title || titleRight ? (React__default.createElement("div", { className: "feed-item__top feed-item__child" },
+                React__default.createElement("div", { className: "feed-item__title" }, title),
+                React__default.createElement("div", { className: "feed-item__top-right" }, titleRight))) : null,
+            attributeSet.map(function (set, setKey) { return (React__default.createElement("div", { key: setKey, className: "feed-item__attribute-set feed-item__child--bottom" }, set.map(function (_a, i) {
+                var width = _a.width, attrProps = __rest(_a, ["width"]);
+                return (React__default.createElement("div", { key: i },
+                    React__default.createElement(FeedAttribute, __assign({ width: width ? width : attributeWidth }, attrProps))));
+            }))); }),
+            actionSet.length > 0 ? (React__default.createElement("div", { className: "feed-item__action-set feed-item__child" }, actionSet.map(function (action, i) { return (React__default.createElement("div", { key: i }, action)); }))) : null),
+        right ? React__default.createElement("div", { className: "feed-item__right" }, right) : null));
 };
@@ -302,0 +307,0 @@ //# sourceMappingURL=index.js.map

dist/item/index.d.ts

@@ -10,3 +10,5 @@ import React from 'react';
     actions?: React.ReactNode | React.ReactNode[];
+    left?: React.ReactNode;
+    right?: React.ReactNode;
 }
 export declare const DataFeedItem: React.FC<DataFeedItemProps>;

package.json

 {
     "name": "data-feed",
-    "version": "0.0.7",
+    "version": "0.0.8",
     "description": "Data feed view",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

44511

increased by2.36%

Lines of code

859

increased by2.26%

No dependency changes