@loja-integrada/admin-components 0.15.0 → 0.15.3

package/dist/Components/TableList/TableListItem.interface.d.ts

@@ -18,6 +18,10 @@ export interface TableListItemProps {
      * Timestamp of the item, usually in dd/mm/yyyy
      */
     timestampDate?: string;
+    /**
+     * Addittional content at item
+     */
+    append?: string | React.ReactNode;
     /**
      * Icon to show at item
      */

package/dist/Components/TableList/index.d.ts

@@ -1 +1,4 @@
 export * from './TableList';
+export * from './TableListItem';
+export * from './TableListItem.interface';
+export * from './TableListItemLoading';

package/dist/Icons/icons-path/Blog.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Blog: () => JSX.Element;

package/dist/Icons/icons-path/index.d.ts

@@ -13,6 +13,7 @@ export declare const icons: {
     ban: () => JSX.Element;
     barcodeRead: () => JSX.Element;
     bell: () => JSX.Element;
+    blog: () => JSX.Element;
     bullhorn: () => JSX.Element;
     calendarAlt: () => JSX.Element;
     check: () => JSX.Element;

package/dist/Navigation/Breadcrumb/index.d.ts

@@ -8,11 +8,11 @@ export interface BreadcrumbProps {
     /**
      * Current page title
      * */
-    currentTitle: string;
+    currentTitle: string | React.ReactNode;
     /**
      * Previous page title
      * */
-    previousTitle?: string;
+    previousTitle?: string | React.ReactNode;
     /**
      * Previous page href
      * */

package/dist/admin-components.cjs.development.js

@@ -152,6 +152,14 @@ var Bell = function Bell() {
   });
 };
 
+var Blog = function Blog() {
+  return React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 13v1h3.57c-.041-.159-.07-.323-.07-.495V13H4Zm10.5 2c0 .827-.673 1.5-1.5 1.5H3c-.827 0-1.5-.673-1.5-1.5V3c0-.827.673-1.5 1.5-1.5h10c.827 0 1.5.673 1.5 1.5v.872c.387-.238.831-.372 1.296-.372.069 0 .137.008.204.014V3c0-1.657-1.343-3-3-3H3C1.343 0 0 1.343 0 3v12c0 1.657 1.343 3 3 3h10c1.657 0 3-1.343 3-3v-3.265l-1.5 1.5V15Zm-6.416-4.819L8.265 10H4v1h3.599c.094-.305.253-.588.485-.819ZM4 5h8V4H4v1Zm7.265 2H4v1h6.265l1-1Zm6.445.904-5.951 5.95c-.093.094-.219.146-.35.146H9.495C9.222 14 9 13.778 9 13.505v-1.914c0-.131.052-.257.145-.35l5.951-5.951c.193-.193.447-.29.7-.29.254 0 .507.097.701.29l1.213 1.213c.387.387.387 1.015 0 1.401Z",
+    clipRule: "evenodd"
+  });
+};
+
 var Bullhorn = function Bullhorn() {
   return React__default.createElement("path", {
     fillRule: "evenodd",
@@ -559,6 +567,7 @@ var icons = {
   ban: Ban,
   barcodeRead: BarcodeRead,
   bell: Bell,
+  blog: Blog,
   bullhorn: Bullhorn,
   calendarAlt: CalendarAlt,
   check: Check,
@@ -2076,7 +2085,8 @@ var TableListItem = function TableListItem(_ref) {
       withHover = _ref$withHover === void 0 ? false : _ref$withHover,
       _ref$isInsideContaine = _ref.isInsideContainer,
       isInsideContainer = _ref$isInsideContaine === void 0 ? false : _ref$isInsideContaine,
-      withIcon = _ref.withIcon;
+      withIcon = _ref.withIcon,
+      append = _ref.append;
   return React__default.createElement("div", {
     className: "table-item border-primary-bold border-opacity-10 border-t first:border-t-0 " + (forceBorderDesktop ? 'lg:first:border-t' : '')
   }, React__default.createElement(TableListItemWrapper, {
@@ -2098,13 +2108,15 @@ var TableListItem = function TableListItem(_ref) {
     className: "table-item-title text-f6 font-semibold"
   }, title), description && React__default.createElement("div", {
     className: "table-item-description"
-  }, description)), timestampTime && React__default.createElement("div", {
-    className: "table-item-timestamp flex flex-col justify-center items-end shrink-0 gap-1.5 ml-4 min-w-0 max-w-[50%] text-right"
-  }, React__default.createElement("div", {
+  }, description)), (timestampTime || timestampDate || append) && React__default.createElement("div", {
+    className: "table-item-timestamp-append flex flex-col justify-center items-end shrink-0 gap-1.5 ml-4 min-w-0 max-w-[50%] text-right"
+  }, timestampTime && React__default.createElement("div", {
     className: "table-item-timestamp-time w-full"
   }, timestampTime), timestampDate && React__default.createElement("div", {
     className: "table-item-timestamp-date w-full hidden lg:block"
-  }, timestampDate))));
+  }, timestampDate), append && React__default.createElement("div", {
+    className: "table-item-append w-full"
+  }, append))));
 };
 
 var TableListItemLoading = function TableListItemLoading(_ref) {
@@ -2208,6 +2220,7 @@ var TableListComponent = function TableListComponent(_ref) {
         itemWrapper: itemWrapper,
         itemWrapperProps: item.itemWrapperProps,
         withIcon: item.withIcon,
+        append: item.append,
         withHover: withHover,
         isInsideContainer: isInsideContainer
       });
@@ -2327,7 +2340,7 @@ var TimelineItem = function TimelineItem(_ref) {
     size: 3,
     className: "mr-1"
   }), item.timestamp), item.description && React__default.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')
+    className: "timeline-description mt-1 overflow-hidden text-sm tracking-4 text-inverted-1 break-words transition-max-height " + (isOpen ? 'max-h-96' : 'max-h-0')
   }, item.description)));
 };
 
@@ -2658,8 +2671,8 @@ var badgeTypes = {
   warning: 'bg-warning-dark'
 };
 var badgeSizes = {
-  "default": 'px-2 py-0.5',
-  small: 'px-1'
+  "default": 'px-2 py-0.5 text-xs',
+  small: 'px-1.5 text-[0.70rem]'
 };
 
 var BadgeComponent = function BadgeComponent(_ref) {
@@ -2673,7 +2686,7 @@ var BadgeComponent = function BadgeComponent(_ref) {
   return React__default.createElement("div", {
     className: "badge items-center justify-center rounded-full " + badgeTypes[type] + " " + badgeSizes[size] + " " + (expanded ? 'flex w-full' : 'inline-flex')
   }, React__default.createElement("span", {
-    className: "text-xs tracking-4 font-semibold text-base-1"
+    className: "tracking-4 font-semibold text-base-1"
   }, text));
 };
 
@@ -3162,7 +3175,7 @@ var Breadcrumb = /*#__PURE__*/React__default.memo(function (_ref) {
     className: "header-navigation-breadcrumb max-w-full truncate w-full"
   }, React__default.createElement("div", {
     className: "w-full inline-flex self-center items-center font-semibold tracking-5 text-f5 sm:text-f4 lg:text-f3"
-  }, (previousTitle || previousHref) && React__default.createElement("span", {
+  }, (previousTitle || previousHref || Link) && React__default.createElement("span", {
     className: "header-navigation-previous inline-flex items-center text-on-base-2 text-xl -mr-px truncate"
   }, renderPrevLink(), previousTitle && React__default.createElement("span", {
     className: "hidden lg:inline px-2 -ml-px"
@@ -3380,6 +3393,8 @@ exports.SidebarSubItem = SidebarSubItem;
 exports.Status = Status;
 exports.Table = Table;
 exports.TableList = TableList;
+exports.TableListItem = TableListItem;
+exports.TableListItemLoading = TableListItemLoading;
 exports.Tabs = Tabs;
 exports.Timeline = Timeline;
 exports.Toast = Toast;