avine-react-components - npm Package Compare versions

Comparing version 0.1.29 to 0.1.30

dist/components/table/table.js

@@ -1131,3 +1131,3 @@ "use strict";
   (0, import_react21.useEffect)(() => setInnerData(data), [data]);
-  return /* @__PURE__ */ import_react21.default.createElement("div", { className: " w-full bg-white my-4 rounded-lg py-4" }, !viewOnly && /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 justify-end mb-4 px-4" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 items-center justify-end" }, searchable && !isLoading && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative flex-1" }, /* @__PURE__ */ import_react21.default.createElement(LuSearch, { className: "absolute top-2.5 left-2 text-gray-300", size: 20 }), /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement("div", { className: " w-full bg-white my-4 rounded-lg py-4" }, !viewOnly && /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 justify-end mb-4 px-4" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 items-center justify-end flex-col md:flex-row" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex-1 my-4 md:my-0" }, searchable && !isLoading && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative flex-1 max-w-md" }, /* @__PURE__ */ import_react21.default.createElement(LuSearch, { className: "absolute top-2.5 left-2 text-gray-300", size: 20 }), /* @__PURE__ */ import_react21.default.createElement(
     "input",
@@ -1145,3 +1145,3 @@ {
     }
-  )), !isLoading && innerData.length > 0 && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-nowrap items-center space-x-2 text-sm text-gray-400" }, /* @__PURE__ */ import_react21.default.createElement("span", null, "Exibindo"), /* @__PURE__ */ import_react21.default.createElement("select", { value: itemsPerPage, onChange: (e2) => setItemsPerPage(Number(e2.target.value)), className: "bg-green-50 border border-green-300 text-green-700 font-medium text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block p-2 outline-none" }, /* @__PURE__ */ import_react21.default.createElement("option", { value: 10, title: "10 itens por p\xE1gina" }, "10"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 50, title: "50 itens por p\xE1gina" }, "50"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 75, title: "75 itens por p\xE1gina" }, "75"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 100, title: "100 itens por p\xE1gina" }, "100")), /* @__PURE__ */ import_react21.default.createElement("span", null, "de ", innerData.length, " resultados")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react21.default.createElement(it, null, /* @__PURE__ */ import_react21.default.createElement(it.Button, { className: "px-2 py-2 text-sm font-medium text-center flex items-center rounded-lg border border-transparent hover:border-gray-200" }, /* @__PURE__ */ import_react21.default.createElement(LuMoreVertical, null)), /* @__PURE__ */ import_react21.default.createElement(it.Items, { className: "flex flex-col absolute right-0 top-8 bg-white shadow-md border rounded-xl p-4" }, /* @__PURE__ */ import_react21.default.createElement(it.Item, null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: () => {
+  ))), !isLoading && innerData.length > 0 && /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex items-center space-x-4 justify-between -order-1 md:order-1 md:justify-normal md:w-min" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-nowrap items-center space-x-2 text-sm text-gray-400" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "whitespace-nowrap" }, "Exibindo"), /* @__PURE__ */ import_react21.default.createElement("select", { value: itemsPerPage, onChange: (e2) => setItemsPerPage(Number(e2.target.value)), className: "bg-green-50 border border-green-300 text-green-700 font-medium text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block p-2 outline-none" }, /* @__PURE__ */ import_react21.default.createElement("option", { value: 10, title: "10 itens por p\xE1gina" }, "10"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 50, title: "50 itens por p\xE1gina" }, "50"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 75, title: "75 itens por p\xE1gina" }, "75"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 100, title: "100 itens por p\xE1gina" }, "100")), /* @__PURE__ */ import_react21.default.createElement("span", { className: "whitespace-nowrap" }, "de ", innerData.length, " resultados")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react21.default.createElement(it, null, /* @__PURE__ */ import_react21.default.createElement(it.Button, { className: "px-2 py-2 text-sm font-medium text-center flex items-center rounded-lg border border-transparent hover:border-gray-200" }, /* @__PURE__ */ import_react21.default.createElement(LuMoreVertical, null)), /* @__PURE__ */ import_react21.default.createElement(it.Items, { className: "flex flex-col absolute right-0 top-8 bg-white shadow-md border rounded-xl p-4" }, /* @__PURE__ */ import_react21.default.createElement(it.Item, null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: () => {
   }, type: "button", className: "px-3 py-2 text-sm font-medium text-center flex items-center" }, /* @__PURE__ */ import_react21.default.createElement(LuDownload, { className: "mr-2" }), " Exportar")))))))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full overflow-x-auto" }, /* @__PURE__ */ import_react21.default.createElement("table", { className: `w-full text-sm text-left text-gray-500 ${fixed ?? "table-fixed"}` }, /* @__PURE__ */ import_react21.default.createElement("thead", { className: "text-green-700 capitalize bg-green-50 whitespace-nowrap" }, /* @__PURE__ */ import_react21.default.createElement("tr", null, innerColumns.map((column, index) => {
@@ -1148,0 +1148,0 @@ if (column.visible !== false) {

dist/index.js

@@ -1139,3 +1139,3 @@ "use strict";
   (0, import_react21.useEffect)(() => setInnerData(data), [data]);
-  return /* @__PURE__ */ import_react21.default.createElement("div", { className: " w-full bg-white my-4 rounded-lg py-4" }, !viewOnly && /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 justify-end mb-4 px-4" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 items-center justify-end" }, searchable && !isLoading && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative flex-1" }, /* @__PURE__ */ import_react21.default.createElement(LuSearch, { className: "absolute top-2.5 left-2 text-gray-300", size: 20 }), /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement("div", { className: " w-full bg-white my-4 rounded-lg py-4" }, !viewOnly && /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 justify-end mb-4 px-4" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex space-x-4 items-center justify-end flex-col md:flex-row" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex-1 my-4 md:my-0" }, searchable && !isLoading && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative flex-1 max-w-md" }, /* @__PURE__ */ import_react21.default.createElement(LuSearch, { className: "absolute top-2.5 left-2 text-gray-300", size: 20 }), /* @__PURE__ */ import_react21.default.createElement(
     "input",
@@ -1153,3 +1153,3 @@ {
     }
-  )), !isLoading && innerData.length > 0 && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-nowrap items-center space-x-2 text-sm text-gray-400" }, /* @__PURE__ */ import_react21.default.createElement("span", null, "Exibindo"), /* @__PURE__ */ import_react21.default.createElement("select", { value: itemsPerPage, onChange: (e2) => setItemsPerPage(Number(e2.target.value)), className: "bg-green-50 border border-green-300 text-green-700 font-medium text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block p-2 outline-none" }, /* @__PURE__ */ import_react21.default.createElement("option", { value: 10, title: "10 itens por p\xE1gina" }, "10"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 50, title: "50 itens por p\xE1gina" }, "50"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 75, title: "75 itens por p\xE1gina" }, "75"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 100, title: "100 itens por p\xE1gina" }, "100")), /* @__PURE__ */ import_react21.default.createElement("span", null, "de ", innerData.length, " resultados")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react21.default.createElement(it, null, /* @__PURE__ */ import_react21.default.createElement(it.Button, { className: "px-2 py-2 text-sm font-medium text-center flex items-center rounded-lg border border-transparent hover:border-gray-200" }, /* @__PURE__ */ import_react21.default.createElement(LuMoreVertical, null)), /* @__PURE__ */ import_react21.default.createElement(it.Items, { className: "flex flex-col absolute right-0 top-8 bg-white shadow-md border rounded-xl p-4" }, /* @__PURE__ */ import_react21.default.createElement(it.Item, null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: () => {
+  ))), !isLoading && innerData.length > 0 && /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full flex items-center space-x-4 justify-between -order-1 md:order-1 md:justify-normal md:w-min" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-nowrap items-center space-x-2 text-sm text-gray-400" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "whitespace-nowrap" }, "Exibindo"), /* @__PURE__ */ import_react21.default.createElement("select", { value: itemsPerPage, onChange: (e2) => setItemsPerPage(Number(e2.target.value)), className: "bg-green-50 border border-green-300 text-green-700 font-medium text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block p-2 outline-none" }, /* @__PURE__ */ import_react21.default.createElement("option", { value: 10, title: "10 itens por p\xE1gina" }, "10"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 50, title: "50 itens por p\xE1gina" }, "50"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 75, title: "75 itens por p\xE1gina" }, "75"), /* @__PURE__ */ import_react21.default.createElement("option", { value: 100, title: "100 itens por p\xE1gina" }, "100")), /* @__PURE__ */ import_react21.default.createElement("span", { className: "whitespace-nowrap" }, "de ", innerData.length, " resultados")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react21.default.createElement(it, null, /* @__PURE__ */ import_react21.default.createElement(it.Button, { className: "px-2 py-2 text-sm font-medium text-center flex items-center rounded-lg border border-transparent hover:border-gray-200" }, /* @__PURE__ */ import_react21.default.createElement(LuMoreVertical, null)), /* @__PURE__ */ import_react21.default.createElement(it.Items, { className: "flex flex-col absolute right-0 top-8 bg-white shadow-md border rounded-xl p-4" }, /* @__PURE__ */ import_react21.default.createElement(it.Item, null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: () => {
   }, type: "button", className: "px-3 py-2 text-sm font-medium text-center flex items-center" }, /* @__PURE__ */ import_react21.default.createElement(LuDownload, { className: "mr-2" }), " Exportar")))))))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-full overflow-x-auto" }, /* @__PURE__ */ import_react21.default.createElement("table", { className: `w-full text-sm text-left text-gray-500 ${fixed ?? "table-fixed"}` }, /* @__PURE__ */ import_react21.default.createElement("thead", { className: "text-green-700 capitalize bg-green-50 whitespace-nowrap" }, /* @__PURE__ */ import_react21.default.createElement("tr", null, innerColumns.map((column, index) => {
@@ -1156,0 +1156,0 @@ if (column.visible !== false) {

package.json

 {
     "name": "avine-react-components",
-    "version": "0.1.29",
+    "version": "0.1.30",
     "license": "MIT",
@@ -5,0 +5,0 @@ "description": "",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6584633

increased by0.08%

Lines of code

11450

increased by0.04%

No dependency changes