@loja-integrada/admin-components 0.15.1 → 0.15.4

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/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,
@@ -2039,7 +2048,7 @@ var TableComponent = function TableComponent(_ref2) {
 var Table = /*#__PURE__*/React__default.memo(TableComponent);
 
 var ItemWrapperClasses = "flex relative py-6 text-f7 leading-4 break-words no-underline";
-var ItemWrapperClassesContainerHover = "before:hover:block before:hover:absolute before:hover:h-full before:hover:w-8 before:hover:top-0 before:hover:-left-8 before:hover:bg-base-2 after:hover:block after:hover:absolute after:hover:h-full after:hover:w-8 after:hover:top-0 after:hover:-right-8 after:hover:bg-base-2";
+var ItemWrapperClassesContainerHover = "before:hover:block before:hover:absolute before:hover:h-full before:hover:w-5 lg:before:hover:w-8 before:hover:top-0 before:hover:-left-5 lg:before:hover:-left-8 before:hover:bg-base-2 after:hover:block after:hover:absolute after:hover:h-full after:hover:w-5 lg:after:hover:w-8 after:hover:top-0 after:hover:-right-5 lg:after:hover:-right-8 after:hover:bg-base-2";
 
 var DefaultWrapper = function DefaultWrapper(props) {
   var children = props.children,
@@ -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) {
@@ -2178,7 +2190,7 @@ var TableListComponent = function TableListComponent(_ref) {
   }, isLoading ? React__default.createElement("div", {
     className: "table-list-loading"
   }, React__default.createElement(TableListItemLoading, null), React__default.createElement(TableListItemLoading, null), React__default.createElement(TableListItemLoading, null), React__default.createElement(TableListItemLoading, null)) : !itemsMemoized || !itemsMemoized.length ? React__default.createElement("div", {
-    className: "table-list-empty flex flex-col items-center justify-center gap-5 min-h-[80vh] lg:min-h-[60vh] max-w-sm mx-auto px-4"
+    className: "table-list-empty flex flex-col items-center justify-center gap-5 min-h-[40vh] lg:min-h-[60vh] max-w-sm mx-auto px-4"
   }, empty.illustration && React__default.createElement("div", {
     className: "table-list-empty-illustration text-center"
   }, empty.illustration), React__default.createElement("div", {
@@ -2208,6 +2220,7 @@ var TableListComponent = function TableListComponent(_ref) {
         itemWrapper: itemWrapper,
         itemWrapperProps: item.itemWrapperProps,
         withIcon: item.withIcon,
+        append: item.append,
         withHover: withHover,
         isInsideContainer: isInsideContainer
       });
@@ -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));
 };
 
@@ -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;