@loja-integrada/admin-components 0.12.5 → 0.12.6

package/dist/admin-components.esm.js

@@ -2059,12 +2059,13 @@ var Tabs = /*#__PURE__*/React.memo(TabsComponent);
 var TimelineItem = function TimelineItem(_ref) {
   var item = _ref.item;
 
-  var _useState = useState(false),
+  var _useState = useState(!item.toggle),
       isOpen = _useState[0],
       setIsOpen = _useState[1];
 
   var iconBackgroundColor = item.iconBackgroundColor || "bg-inverted-2";
   var icon = item.icon || 'minus';
+  var showToggle = item.toggle && item.description;
   return React.createElement("li", {
     className: "timeline-item relative mb-10 last:mb-0"
   }, React.createElement("div", {
@@ -2075,13 +2076,13 @@ var TimelineItem = function TimelineItem(_ref) {
   })), React.createElement("div", {
     className: "ml-7 pt-px"
   }, React.createElement("div", {
-    className: "timeline-title group mb-1 py-1 text-sm text-inverted-1 font-semibold break-words " + (item.description ? 'cursor-pointer' : ''),
+    className: "timeline-title group py-1 text-f6 leading-6 tracking-4 text-inverted-1 font-semibold break-words " + (showToggle ? 'cursor-pointer' : ''),
     onClick: function onClick() {
-      return item.description && setIsOpen(function (isOpen) {
+      return showToggle && setIsOpen(function (isOpen) {
         return !isOpen;
       });
     }
-  }, item.description && React.createElement("button", {
+  }, showToggle && React.createElement("button", {
     className: "float-right p-1 -mt-px text-inverted-2 group-hover:text-inverted-1 focus:outline-none"
   }, React.createElement(Icon, {
     icon: "angleLeft",
@@ -2091,9 +2092,13 @@ var TimelineItem = function TimelineItem(_ref) {
   })), React.createElement("span", {
     className: "inline break-words"
   }, item.title)), item.timestamp && React.createElement("div", {
-    className: "timeline-timestamp mb-1 text-xs text-inverted-2 break-words"
-  }, item.timestamp), item.description && React.createElement("div", {
-    className: "timeline-description overflow-hidden text-sm text-inverted-1 break-words transition-max-height " + (isOpen ? 'max-h-96' : 'max-h-0')
+    className: "timeline-timestamp mb-1 inline-flex items-center text-xs tracking-4 text-inverted-2 break-words"
+  }, React.createElement(Icon, {
+    icon: "clock",
+    size: 3,
+    className: "mr-1"
+  }), item.timestamp), item.description && React.createElement("div", {
+    className: "timeline-description overflow-hidden text-sm tracking-4 text-inverted-1 break-words transition-max-height " + (isOpen ? 'max-h-96' : 'max-h-0')
   }, item.description)));
 };
 
@@ -2103,6 +2108,8 @@ var TimelineComponent = function TimelineComponent(_ref) {
       items = _ref.items,
       _ref$isLoading = _ref.isLoading,
       isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+      _ref$toggleItems = _ref.toggleItems,
+      toggleItems = _ref$toggleItems === void 0 ? true : _ref$toggleItems,
       _ref$emptyTitle = _ref.emptyTitle,
       emptyTitle = _ref$emptyTitle === void 0 ? 'Nenhum registro encontrado' : _ref$emptyTitle;
   if (!isLoading && (!items || !Array.isArray(items))) return null;
@@ -2128,9 +2135,13 @@ var TimelineComponent = function TimelineComponent(_ref) {
       icon: 'ban'
     }
   }) : items == null ? void 0 : items.map(function (item, index) {
+    var _item$toggle;
+
     return React.createElement(TimelineItem, {
       key: "timeline-item-" + index,
-      item: item
+      item: _extends({}, item, {
+        toggle: (_item$toggle = item.toggle) != null ? _item$toggle : toggleItems
+      })
     });
   })));
 };