@loja-integrada/admin-components 0.9.4 → 0.9.5

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

@@ -687,7 +687,7 @@ var LoadingPlaceholderComponent = function LoadingPlaceholderComponent(_ref) {
   return React__default.createElement("div", {
     className: "animate-pulse flex " + className
   }, React__default.createElement("div", {
-    className: "h-4 bg-inverted-2 bg-opacity-20 rounded w-80 max-w-full"
+    className: "h-4 bg-inverted-2 bg-opacity-20 rounded w-full max-w-full"
   }));
 };
 
@@ -1849,10 +1849,12 @@ var TableComponent = function TableComponent(_ref2) {
     }));
   })), React__default.createElement("tbody", Object.assign({}, getTableBodyProps(), {
     className: "text-sm text-on-base"
-  }), isLoading ? React__default.createElement("tr", null, React__default.createElement("td", {
-    colSpan: columnsLength || 1,
-    className: "" + TdClasses
-  }, React__default.createElement(TdWrapper, null, React__default.createElement(LoadingPlaceholder, null)))) : !rows || !rows.length ? React__default.createElement("tr", null, React__default.createElement("td", {
+  }), isLoading ? React__default.createElement("tr", null, Array(columnsLength).fill(0).map(function (key) {
+    return React__default.createElement("td", {
+      key: key,
+      className: "" + TdClasses
+    }, React__default.createElement(TdWrapper, null, React__default.createElement(LoadingPlaceholder, null)));
+  })) : !rows || !rows.length ? React__default.createElement("tr", null, React__default.createElement("td", {
     colSpan: columnsLength || 1,
     className: "" + TdClasses
   }, React__default.createElement(TdWrapper, null, React__default.createElement("div", {
@@ -1911,12 +1913,13 @@ var TabsItem = function TabsItem(_ref) {
       active = _ref$active === void 0 ? false : _ref$active,
       onChange = _ref.onChange;
   return React__default.createElement("button", {
+    id: "btnTab" + id,
     className: "tabs-item " + (active ? 'tabs-item-active' : '') + " group min-w-0 flex-shrink-0 overflow-x-hidden px-2 last:-mr-2 first:-ml-2",
     onClick: function onClick() {
       return onChange(id);
     }
   }, React__default.createElement("span", {
-    className: "block text-f6 text-sm py-4 border-b-4 break-words group-hover:font-semibold " + activeStyles(active) + " " + boldFixStyle,
+    className: "block text-f6 tracking-4 text-sm py-4 border-b-4 break-words group-hover:font-semibold " + activeStyles(active) + " " + boldFixStyle,
     "data-title": title
   }, title));
 };
@@ -2825,6 +2828,7 @@ var PaginationInfoComponent = function PaginationInfoComponent(_ref) {
   }, React__default.createElement("div", {
     className: "flex items-center mr-5 text-inverted-2 tracking-4 text-f6"
   }, itemsLengthOptions ? React__default.createElement(Select, {
+    id: "selectItemsPerPage",
     options: itemsLengthOptions,
     withoutStyle: true,
     "aria-label": "Itens por p\xE1gina",
@@ -2894,6 +2898,7 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
   }, React__default.createElement("div", {
     className: "text-inverted-2 text-f6 tracking-4"
   }, React__default.createElement("span", {
+    id: "btnPaginationActualPage",
     className: "pagination-nav-current text-primary font-semibold",
     ref: inputEl,
     contentEditable: true,
@@ -2903,6 +2908,7 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
     onCut: onPreventDefault,
     onPaste: onPreventDefault
   }, currentPage), ' ', "/", ' ', React__default.createElement("button", {
+    id: "btnPaginationLastPage",
     className: "pagination-nav-total focus:outline-none",
     onClick: function onClick() {
       if (currentPage !== maxTotalPages) handleChange(maxTotalPages);
@@ -2910,7 +2916,8 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
   }, maxTotalPages)), React__default.createElement("div", {
     className: "text-inverted-2 ml-5 flex items-center"
   }, React__default.createElement("button", {
-    className: "pagination-nav-previous mr-3 duration-200 focus:outline-none " + (hasPrev ? 'hover:text-inverted-1' : ''),
+    id: "btnPaginationPrev",
+    className: "pagination-nav-previous mr-3 duration-200 outline-none " + (hasPrev ? 'hover:text-inverted-1' : ''),
     "aria-label": "Ir para p\xE1gina anterior",
     onClick: function onClick() {
       if (hasPrev) handleChange(currentPage - 1);
@@ -2920,7 +2927,8 @@ var PaginationNavComponent = function PaginationNavComponent(_ref) {
     block: true,
     size: 4
   })), React__default.createElement("button", {
-    className: "pagination-nav-next duration-200 focus:outline-none " + (hasNext ? 'hover:text-inverted-1' : ''),
+    id: "btnPaginationNext",
+    className: "pagination-nav-next duration-200 outline-none " + (hasNext ? 'hover:text-inverted-1' : ''),
     "aria-label": "Ir para pr\xF3xima p\xE1gina",
     onClick: function onClick() {
       if (hasNext) handleChange(currentPage + 1);