avine-react-components
Advanced tools
Comparing version 0.1.17 to 0.1.18
@@ -174,3 +174,4 @@ 'use strict'; | ||
searchable = false, | ||
fixed = false | ||
fixed = false, | ||
viewOnly = false | ||
} = _ref; | ||
@@ -206,3 +207,3 @@ const [itemsPerPage, setItemsPerPage] = React.useState(rowsPerPage); | ||
className: "w-full" | ||
}, /*#__PURE__*/React__default.createElement("div", { | ||
}, !viewOnly && /*#__PURE__*/React__default.createElement("div", { | ||
className: "w-full flex space-x-4 justify-end mb-4" | ||
@@ -209,0 +210,0 @@ }, /*#__PURE__*/React__default.createElement("div", { |
@@ -1,2 +0,2 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-icons/lu"),n=require("@headlessui/react");const l=(e,r)=>{const[a,n]=t.useState(1),l=t.useMemo(()=>{const t=Math.ceil(e/r);return t<a&&n(t),t},[e,r]),s=t.useMemo(()=>{if(e>0){if(l<=1)return[];if(l<=5)return Array.from({length:l}).map((e,t)=>t+1);if(a<5)return Array.from({length:7}).map((e,t)=>{switch(t){case 0:return 1;case 1:return 2;case 2:return 3;case 3:return 4;case 4:return 5;case 5:return"...";default:return l}});if(a>l-4)return Array.from({length:7}).map((e,t)=>{switch(t){case 0:return 1;case 1:return"...";case 2:return l-4;case 3:return l-3;case 4:return l-2;case 5:return l-1;default:return l}});if(a>=5&&a<=l-4)return Array.from({length:7}).map((e,t)=>{switch(t){case 0:return 1;case 1:return"...";case 2:return a-1;case 3:return a;case 4:return a+1;case 5:return"...";default:return l}})}return[]},[e,a,r]),{startIndex:o,endIndex:c}=t.useMemo(()=>{if(e>0){const e=(a-1)*r;return{startIndex:e,endIndex:e+r}}return[]},[e,a,r]);return{maxPages:l,currentPage:a,pages:s,startIndex:o,endIndex:c,handlePreviousPage:()=>{a>1&&n(e=>e-1)},handleNextPage:()=>{a<l&&n(e=>e+1)},handlePageChange:e=>{e>=1&&e<=l&&n(e)}}},s=(e,t,r)=>{const a=t.find(t=>t.key.toString()===e.toString());if(a){const n=a.sortableOrder===exports.ETableColumnOrder.Asc?exports.ETableColumnOrder.Desc:exports.ETableColumnOrder.Asc;let l=[];return n===exports.ETableColumnOrder.Asc&&(l=((e,t)=>{const r=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});return e.sort((e,a)=>r.compare(e[t.toString()],a[t.toString()]))})(r,e)),n===exports.ETableColumnOrder.Desc&&(l=(e=>e.reverse())(r)),{columns:t.map(t=>(t.key.toString()===e.toString()&&(t.sortableOrder=n),t.key.toString()!==e.toString()&&(t.sortableOrder=void 0),t)),data:l}}return{columns:t,data:r}},o=(e,t)=>e.reduce((e,t)=>e&&e[t]?e[t]:null,t);var c;(c=exports.ETableColumnOrder||(exports.ETableColumnOrder={})).Asc="asc",c.Desc="desc";const u=(e,t)=>e.formatter?e.formatter(t):o(e.key,t);exports.Table=e=>{let{isLoading:o,columns:c,data:i,emptyDataText:m,rowsPerPage:d=10,searchable:g=!1,fixed:p=!1}=e;const[x,b]=t.useState(d),{pages:f,currentPage:y,handlePreviousPage:h,handleNextPage:E,handlePageChange:v,startIndex:w,endIndex:N}=l(i.length,x),[C,k]=t.useState(i.slice(w,N)),[P,O]=t.useState(c),S=m||"Não existem dados para exibição";return t.useEffect(()=>{k(i.slice(w,N))},[w,N]),r.createElement("div",{className:"w-full"},r.createElement("div",{className:"w-full flex space-x-4 justify-end mb-4"},r.createElement("div",{className:"w-full flex space-x-4 justify-end"},g&&r.createElement("div",{className:"relative flex-1"},r.createElement(a.LuSearch,{className:"absolute top-2.5 left-2 text-gray-300",size:20}),r.createElement("input",{type:"text",id:"search-input",placeholder:"Pesquisar",className:"border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block w-full py-2.5 pl-8 pr-4 outline-none"})),r.createElement("div",{className:"flex flex-nowrap items-center space-x-2 text-sm text-gray-400"},r.createElement("span",null,"Exibindo"),r.createElement("select",{value:x,onChange:e=>b(Number(e.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"},r.createElement("option",{value:10,title:"10 itens por página"},"10"),r.createElement("option",{value:50,title:"50 itens por página"},"50"),r.createElement("option",{value:75,title:"75 itens por página"},"75"),r.createElement("option",{value:100,title:"100 itens por página"},"100")),r.createElement("span",null,"de ",i.length," resultados")),r.createElement(n.Menu,null,r.createElement(n.Menu.Button,{className:"px-2 -py-1 text-sm font-medium text-center flex items-center rounded-lg border border-transparent hover:border-gray-200"},r.createElement(a.LuMoreVertical,null)),r.createElement(n.Menu.Items,{className:"flex flex-col absolute right-0 top-12 bg-white shadow-md border rounded-xl p-4"},r.createElement(n.Menu.Item,null,r.createElement("button",{onClick:()=>{},type:"button",className:"px-3 py-2 text-sm font-medium text-center flex items-center"},r.createElement(a.LuDownload,{className:"mr-2"})," Download")))))),r.createElement("div",{className:"w-full overflow-x-auto"},r.createElement("table",{className:"w-full text-sm text-left text-gray-500 "+(p??"table-fixed")},r.createElement("thead",{className:"text-green-700 capitalize bg-green-50 whitespace-nowrap"},r.createElement("tr",null,P.map((e,t)=>!1!==e.visible?r.createElement("th",{key:t,scope:"col",className:"py-3 px-6 whitespace-nowrap",onClick:()=>(e=>{if(e.sortable){const{columns:t,data:r}=s(e.key,P,i);O(t),k(r.slice(w,N))}})(e)},r.createElement("div",{className:"flex items-center justify-between space-x-4"},r.createElement("span",null,e.name),e.sortable&&r.createElement("div",{className:"flex flex-col items-center justify-around"},r.createElement(a.LuChevronUp,{size:16,className:"asc"===e.sortableOrder?"text-green-700":"text-gray-300"}),r.createElement(a.LuChevronDown,{size:16,className:"desc"===e.sortableOrder?"-mt-1.5 text-green-700":"-mt-1.5 text-gray-300"})))):null))),r.createElement("tbody",{className:"overflow-y-auto"},!o&&C.map((e,t)=>r.createElement("tr",{key:t,className:"hover:bg-green-50 [&:not(:last-child)]:border-b"},P.map((t,a)=>!1!==t.visible?r.createElement("td",0===a?{scope:"row",key:a,className:u(t,e)?"py-4 px-6 whitespace-nowrap hover:bg-green-100":'py-4 px-6 whitespace-nowrap hover:bg-green-100 before:content-["(vazio)"] text-gray-300'}:{key:a,className:u(t,e)?"py-4 px-6 whitespace-nowrap hover:bg-green-100":'py-4 px-6 whitespace-nowrap hover:bg-green-100 before:content-["(vazio)"] text-gray-300'},r.createElement("span",null,u(t,e))):null))))),o&&r.createElement("div",{className:"w-full flex justify-center mt-4 text-sm"},r.createElement("p",{className:"text-gray-500"},"Carregando...")),!o&&i.length<=0&&r.createElement("div",{className:"w-full flex justify-center mt-4 text-sm"},r.createElement("p",{className:"text-gray-500"},S))),!o&&i.length>x&&r.createElement("nav",{className:"w-full flex justify-end mt-6"},r.createElement("ul",{className:"inline-flex -space-x-px"},r.createElement("li",null,r.createElement("a",{onClick:h,className:"select-none px-3 py-2 ml-0 leading-tight text-gray-500 bg-white border border-gray-300 rounded-l-lg hover:bg-gray-100 hover:text-gray-700 cursor-pointer"},"Anterior")),f.map((e,t)=>r.createElement("li",{key:t},r.createElement("a",{onClick:"number"==typeof e?()=>v(e):void 0,className:e===y?"px-3 py-2 text-green-600 border border-gray-300 bg-green-50 hover:bg-green-100 hover:text-green-700 cursor-pointer select-none":"px-3 py-2 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 cursor-pointer select-none"},e))),r.createElement("li",null,r.createElement("a",{onClick:E,className:"select-none px-3 py-2 leading-tight text-gray-500 bg-white border border-gray-300 rounded-r-lg hover:bg-gray-100 hover:text-gray-700 cursor-pointer"},"Próximo")))))},exports.getNestedValues=o,exports.sortData=s,exports.usePagination=l; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-icons/lu"),n=require("@headlessui/react");const l=(e,r)=>{const[a,n]=t.useState(1),l=t.useMemo(()=>{const t=Math.ceil(e/r);return t<a&&n(t),t},[e,r]),s=t.useMemo(()=>{if(e>0){if(l<=1)return[];if(l<=5)return Array.from({length:l}).map((e,t)=>t+1);if(a<5)return Array.from({length:7}).map((e,t)=>{switch(t){case 0:return 1;case 1:return 2;case 2:return 3;case 3:return 4;case 4:return 5;case 5:return"...";default:return l}});if(a>l-4)return Array.from({length:7}).map((e,t)=>{switch(t){case 0:return 1;case 1:return"...";case 2:return l-4;case 3:return l-3;case 4:return l-2;case 5:return l-1;default:return l}});if(a>=5&&a<=l-4)return Array.from({length:7}).map((e,t)=>{switch(t){case 0:return 1;case 1:return"...";case 2:return a-1;case 3:return a;case 4:return a+1;case 5:return"...";default:return l}})}return[]},[e,a,r]),{startIndex:o,endIndex:c}=t.useMemo(()=>{if(e>0){const e=(a-1)*r;return{startIndex:e,endIndex:e+r}}return[]},[e,a,r]);return{maxPages:l,currentPage:a,pages:s,startIndex:o,endIndex:c,handlePreviousPage:()=>{a>1&&n(e=>e-1)},handleNextPage:()=>{a<l&&n(e=>e+1)},handlePageChange:e=>{e>=1&&e<=l&&n(e)}}},s=(e,t,r)=>{const a=t.find(t=>t.key.toString()===e.toString());if(a){const n=a.sortableOrder===exports.ETableColumnOrder.Asc?exports.ETableColumnOrder.Desc:exports.ETableColumnOrder.Asc;let l=[];return n===exports.ETableColumnOrder.Asc&&(l=((e,t)=>{const r=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});return e.sort((e,a)=>r.compare(e[t.toString()],a[t.toString()]))})(r,e)),n===exports.ETableColumnOrder.Desc&&(l=(e=>e.reverse())(r)),{columns:t.map(t=>(t.key.toString()===e.toString()&&(t.sortableOrder=n),t.key.toString()!==e.toString()&&(t.sortableOrder=void 0),t)),data:l}}return{columns:t,data:r}},o=(e,t)=>e.reduce((e,t)=>e&&e[t]?e[t]:null,t);var c;(c=exports.ETableColumnOrder||(exports.ETableColumnOrder={})).Asc="asc",c.Desc="desc";const u=(e,t)=>e.formatter?e.formatter(t):o(e.key,t);exports.Table=e=>{let{isLoading:o,columns:c,data:i,emptyDataText:m,rowsPerPage:d=10,searchable:g=!1,fixed:p=!1,viewOnly:x=!1}=e;const[b,f]=t.useState(d),{pages:y,currentPage:h,handlePreviousPage:E,handleNextPage:v,handlePageChange:w,startIndex:N,endIndex:C}=l(i.length,b),[k,P]=t.useState(i.slice(N,C)),[O,S]=t.useState(c),I=m||"Não existem dados para exibição";return t.useEffect(()=>{P(i.slice(N,C))},[N,C]),r.createElement("div",{className:"w-full"},!x&&r.createElement("div",{className:"w-full flex space-x-4 justify-end mb-4"},r.createElement("div",{className:"w-full flex space-x-4 justify-end"},g&&r.createElement("div",{className:"relative flex-1"},r.createElement(a.LuSearch,{className:"absolute top-2.5 left-2 text-gray-300",size:20}),r.createElement("input",{type:"text",id:"search-input",placeholder:"Pesquisar",className:"border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-green-500 focus:border-green-500 block w-full py-2.5 pl-8 pr-4 outline-none"})),r.createElement("div",{className:"flex flex-nowrap items-center space-x-2 text-sm text-gray-400"},r.createElement("span",null,"Exibindo"),r.createElement("select",{value:b,onChange:e=>f(Number(e.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"},r.createElement("option",{value:10,title:"10 itens por página"},"10"),r.createElement("option",{value:50,title:"50 itens por página"},"50"),r.createElement("option",{value:75,title:"75 itens por página"},"75"),r.createElement("option",{value:100,title:"100 itens por página"},"100")),r.createElement("span",null,"de ",i.length," resultados")),r.createElement(n.Menu,null,r.createElement(n.Menu.Button,{className:"px-2 -py-1 text-sm font-medium text-center flex items-center rounded-lg border border-transparent hover:border-gray-200"},r.createElement(a.LuMoreVertical,null)),r.createElement(n.Menu.Items,{className:"flex flex-col absolute right-0 top-12 bg-white shadow-md border rounded-xl p-4"},r.createElement(n.Menu.Item,null,r.createElement("button",{onClick:()=>{},type:"button",className:"px-3 py-2 text-sm font-medium text-center flex items-center"},r.createElement(a.LuDownload,{className:"mr-2"})," Download")))))),r.createElement("div",{className:"w-full overflow-x-auto"},r.createElement("table",{className:"w-full text-sm text-left text-gray-500 "+(p??"table-fixed")},r.createElement("thead",{className:"text-green-700 capitalize bg-green-50 whitespace-nowrap"},r.createElement("tr",null,O.map((e,t)=>!1!==e.visible?r.createElement("th",{key:t,scope:"col",className:"py-3 px-6 whitespace-nowrap",onClick:()=>(e=>{if(e.sortable){const{columns:t,data:r}=s(e.key,O,i);S(t),P(r.slice(N,C))}})(e)},r.createElement("div",{className:"flex items-center justify-between space-x-4"},r.createElement("span",null,e.name),e.sortable&&r.createElement("div",{className:"flex flex-col items-center justify-around"},r.createElement(a.LuChevronUp,{size:16,className:"asc"===e.sortableOrder?"text-green-700":"text-gray-300"}),r.createElement(a.LuChevronDown,{size:16,className:"desc"===e.sortableOrder?"-mt-1.5 text-green-700":"-mt-1.5 text-gray-300"})))):null))),r.createElement("tbody",{className:"overflow-y-auto"},!o&&k.map((e,t)=>r.createElement("tr",{key:t,className:"hover:bg-green-50 [&:not(:last-child)]:border-b"},O.map((t,a)=>!1!==t.visible?r.createElement("td",0===a?{scope:"row",key:a,className:u(t,e)?"py-4 px-6 whitespace-nowrap hover:bg-green-100":'py-4 px-6 whitespace-nowrap hover:bg-green-100 before:content-["(vazio)"] text-gray-300'}:{key:a,className:u(t,e)?"py-4 px-6 whitespace-nowrap hover:bg-green-100":'py-4 px-6 whitespace-nowrap hover:bg-green-100 before:content-["(vazio)"] text-gray-300'},r.createElement("span",null,u(t,e))):null))))),o&&r.createElement("div",{className:"w-full flex justify-center mt-4 text-sm"},r.createElement("p",{className:"text-gray-500"},"Carregando...")),!o&&i.length<=0&&r.createElement("div",{className:"w-full flex justify-center mt-4 text-sm"},r.createElement("p",{className:"text-gray-500"},I))),!o&&i.length>b&&r.createElement("nav",{className:"w-full flex justify-end mt-6"},r.createElement("ul",{className:"inline-flex -space-x-px"},r.createElement("li",null,r.createElement("a",{onClick:E,className:"select-none px-3 py-2 ml-0 leading-tight text-gray-500 bg-white border border-gray-300 rounded-l-lg hover:bg-gray-100 hover:text-gray-700 cursor-pointer"},"Anterior")),y.map((e,t)=>r.createElement("li",{key:t},r.createElement("a",{onClick:"number"==typeof e?()=>w(e):void 0,className:e===h?"px-3 py-2 text-green-600 border border-gray-300 bg-green-50 hover:bg-green-100 hover:text-green-700 cursor-pointer select-none":"px-3 py-2 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 cursor-pointer select-none"},e))),r.createElement("li",null,r.createElement("a",{onClick:v,className:"select-none px-3 py-2 leading-tight text-gray-500 bg-white border border-gray-300 rounded-r-lg hover:bg-gray-100 hover:text-gray-700 cursor-pointer"},"Próximo")))))},exports.getNestedValues=o,exports.sortData=s,exports.usePagination=l; | ||
//# sourceMappingURL=avine-react-components.cjs.production.min.js.map |
@@ -168,3 +168,4 @@ import React, { useState, useMemo, useEffect } from 'react'; | ||
searchable = false, | ||
fixed = false | ||
fixed = false, | ||
viewOnly = false | ||
} = _ref; | ||
@@ -200,3 +201,3 @@ const [itemsPerPage, setItemsPerPage] = useState(rowsPerPage); | ||
className: "w-full" | ||
}, /*#__PURE__*/React.createElement("div", { | ||
}, !viewOnly && /*#__PURE__*/React.createElement("div", { | ||
className: "w-full flex space-x-4 justify-end mb-4" | ||
@@ -203,0 +204,0 @@ }, /*#__PURE__*/React.createElement("div", { |
@@ -10,2 +10,3 @@ import { FC } from 'react'; | ||
fixed?: boolean; | ||
viewOnly?: boolean; | ||
} | ||
@@ -12,0 +13,0 @@ export declare enum ETableColumnOrder { |
{ | ||
"version": "0.1.17", | ||
"version": "0.1.18", | ||
"license": "MIT", | ||
@@ -4,0 +4,0 @@ "main": "dist/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
214833
2956
0